Filament•8mo ago

Can't see SelectColumn selected option in mobile

On desktop (1st image - i can see the text of the selected option) On mobile, looking at the same row (2nd image - i cant see it) edit: I dont think this is a mobile thing, but a screen width thing. cuz now i added more columns to the table and happens in desktop too

6 Replies

ericmpOP•8mo ago

i unsuccessfully tried to apply the comment lines to be able to see the text:

Tables\Columns\SelectColumn::make('status')
    ->options(TaskStatusEnum::translatedCases())
    ->selectablePlaceholder(false)
    // ->columnSpan(2)
    // ->columnSpanFull()
    // ->grow()
    // ->width('300%')
    // ->width(MaxWidth::FiveExtraLarge)

Tables\Columns\SelectColumn::make('status')
    ->options(TaskStatusEnum::translatedCases())
    ->selectablePlaceholder(false)
    // ->columnSpan(2)
    // ->columnSpanFull()
    // ->grow()
    // ->width('300%')
    // ->width(MaxWidth::FiveExtraLarge)

im on latest filament v3 version

Dennis Koch•8mo ago

Maybe we need a min-width here?

ericmpOP•8mo ago

u mean a new function?

Dennis Koch•8mo ago

No. Min-Width on the <select> So it will never collapse to a state where nothing is visible

ericmpOP•8mo ago

so if i understand well u mean we should modify the filament SelectColumn component so it can accept ->minWidth() now? or currently there is a way to min-with on the <select>?

Dennis Koch•8mo ago

No I mean there should be some min width by default so that this doesn’t happen.

Gaming

Programming

Can't see SelectColumn selected option in mobile