binaryfire/filament-vite-dev-fix

Fix for Filament v4 Vite dev server styling issues

Maintainers

Details

github.com/binaryfire/filament-vite-dev-fix

Homepage

Source

Issues

Installs: 170

Dependents: 0

Suggesters: 0

Security: 0

Stars: 0

Watchers: 0

Forks: 0

Open Issues: 0

Language:CSS

pkg:composer/binaryfire/filament-vite-dev-fix

v0.2 2025-07-10 04:23 UTC

Requires

MIT 6418e6c670d1de47e33627afa0cb44130d246976

laravelfilamentvite

This package is auto-updated.

Last update: 2025-12-10 05:20:27 UTC

README

A temporary fix for Filament v4's Vite dev server styling issues.

The Problem

When running Filament v4 with Vite's dev server (npm run dev), some button styles don't render properly. This is due to CSS selectors using + & not being processed correctly by Vite (despite the fact that it handles them fine for builds).

Original issue: filamentphp/filament#16257

Installation

composer require binaryfire/filament-vite-dev-fix --dev

The package loads a stylesheet with CSS overrides to fix the issues. The stylesheet is only loaded in non-production environments.

Requirements

  • Filament v4

Contributing

If you find any additional styling issues when running Vite's dev server, please feel free to submit a PR with the fixes.