Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

MultiSelect Dropdown out of screen bounds #2508

Open
kfina-planxy opened this issue Feb 29, 2024 · 0 comments
Open

MultiSelect Dropdown out of screen bounds #2508

kfina-planxy opened this issue Feb 29, 2024 · 0 comments

Comments

@kfina-planxy
Copy link

Description

Using the MultiSelect with the inline option in the FormBuilder with a big amount of elements (e.g. 10 is enough) and as the last element on the edit page, the menu grows outside of the page bounds and it's impossible for the user to scroll there.

Steps to reproduce

in the Controller->getForm() function

// Add some elements to take up space on the page
$form->add(Input::make()->name('exampleA') );
$form->add(Input::make()->name('exampleB') );
$form->add(Input::make()->name('exampleC') );
$form->add(Input::make()->name('exampleD') );
$form->add(Input::make()->name('exampleE') );
// Add a MultiSelect with the inline() option
$form->add(MultiSelect::make()->name("numbers")->label("Numbers")->inline()->options(Options::make( 
    array_map(fn($x) => Option::make($x, "Item $x"), [1,2,3,4,5,6,7,8,9,10])
)));

Expected result

All options of the drop down are visible

Actual result

image

Versions

Twill version: 3.x-dev
Laravel version: 10.0
PHP version: 8.1.17
Database engine: Xampp (MySQL)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant