Filament•2mo ago

Modal submit button hidden behind Select list options

Hello Filamenters I have a UI problem I am struggling to solve. I've created table Action for a resource which requires using a multiple Select field. Non-technical stakeholders are reporting that they are unable to submit the form after choosing users because there is no submit button. This is because, when set to multiple(true) the auto-complete display remains present after selecting each user. It is necessary to "click away" into blank space to reveal the submit button underneath. Turning off the multiple select solves the problem, but would make the process cumbersome. I'd welcome any ideas for getting around this issue. Screencast attached. My form schema is this:

->schema([
    Select::make('user_id')
        ->label(__('Name'))
        ->multiple(true)
        ->native(false)
        ->options(fn() =>
            GuestsAvailableForProject::execute($this->ownerRecord)
        )
        ->preload()
        ->required()
])->columns(1);

->schema([
    Select::make('user_id')
        ->label(__('Name'))
        ->multiple(true)
        ->native(false)
        ->options(fn() =>
            GuestsAvailableForProject::execute($this->ownerRecord)
        )
        ->preload()
        ->required()
])->columns(1);

0 Replies

No replies yetBe the first to reply to this messageJoin

Gaming

Programming

Modal submit button hidden behind Select list options