F
Filament•11mo ago
ericmp

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
No description
No description
6 Replies
ericmp
ericmpOP•11mo 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
Dennis Koch•11mo ago
Maybe we need a min-width here?
ericmp
ericmpOP•11mo ago
u mean a new function?
Dennis Koch
Dennis Koch•11mo ago
No. Min-Width on the <select> So it will never collapse to a state where nothing is visible
ericmp
ericmpOP•11mo 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
Dennis Koch•11mo ago
No I mean there should be some min width by default so that this doesn’t happen.

Did you find this page helpful?