F
Filament•11mo ago
swilla

Select field overflowing grid layout until you interact with field

I have a Grid form with the following settings: 
 Grid::make([
                'default' => 2,
                'sm' => 6,
            ])->extraAttributes(['class' => 'space-y-6'])
                ->schema([
                    TextInput::make('search')
                        ->label('Model Number Search')
                        ->reactive()
                        ->columnSpan(2),
                    Select::make('manufacturer_id')
                        ->label('Manufacturer')
                        ->placeholder('')
                        ->preload()
                        ->multiple()
                        ->reactive()
                        ->afterStateUpdated(function (\Filament\Forms\Set $set, $state) {
                            $set('brand_id', []);
                            $set('family_id', []);
                        })
                        ->options(auth()->user()->currentTeam->manufacturers()->orderBy('name')->pluck('manufacturers.name', 'manufacturers.id')), // @phpstan-ignore-line

...
 Grid::make([
                'default' => 2,
                'sm' => 6,
            ])->extraAttributes(['class' => 'space-y-6'])
                ->schema([
                    TextInput::make('search')
                        ->label('Model Number Search')
                        ->reactive()
                        ->columnSpan(2),
                    Select::make('manufacturer_id')
                        ->label('Manufacturer')
                        ->placeholder('')
                        ->preload()
                        ->multiple()
                        ->reactive()
                        ->afterStateUpdated(function (\Filament\Forms\Set $set, $state) {
                            $set('brand_id', []);
                            $set('family_id', []);
                        })
                        ->options(auth()->user()->currentTeam->manufacturers()->orderBy('name')->pluck('manufacturers.name', 'manufacturers.id')), // @phpstan-ignore-line

...
The columns with select boxes in them are wider than the grid, but as soon as a select an item it seems to correct itself. This is also true if the page is loaded with items already selected. They also overflow until you modify a selection.
1 Reply
swilla
swilla•11mo ago
Looks like if I change the placeholder fluent method to have a space in it, it fixes it. 
->placeholder(' ')
->placeholder(' ')
Want results from more Discord servers?
Add your server
More Posts
Translation in panel providers when registered in Provider.I tried to register a MenuItem with __('Help') label, but tranlsation service is not registered yet Change the title on relation manager modalHello, Maybe someone can tell me how we can change the title on the relation manager ? I dont' find Performance of `$table->groupsOnly()`I want to create a reporting table of db-table with ~600k rows. For this, I added ```php ->defauBulkAction action() is not executing on clickI have defined a BulkAction like that: ```php BulkAction::make('test') -Get selected text using RichText Editor?Its possible to get the selected text using this livewire component??? Thanks in advancealign the label and the value to the rightho to align both the label and value to the right , I used but it gives me the following image :