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)

multiple(true)

multiple(true)

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);

->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);

Modal submit button hidden behind Select list options

Similar Threads

Similar Threads

Similar Threads