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.

Sign up for GitHub

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

Jump to bottom

MultiSelect Dropdown out of screen bounds #2508

Open
kfina-planxy opened this issue Feb 29, 2024 · 0 comments · May be fixed by #2709
Open

MultiSelect Dropdown out of screen bounds #2508

kfina-planxy opened this issue Feb 29, 2024 · 0 comments · May be fixed by #2709
Labels
impact: low a minor issue for some people type: bug Something isn't working

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)
@ifox ifox moved this to Next in Twill roadmap May 30, 2024
@ifox ifox added type: bug Something isn't working impact: low a minor issue for some people labels May 30, 2024
13twelve added a commit that referenced this issue Dec 10, 2024
@13twelve
fix #2508 MultiSelect Dropdown out of screen bounds
a958441
@13twelve 13twelve linked a pull request Dec 10, 2024 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
impact: low a minor issue for some people type: bug Something isn't working
Projects
Twill roadmap
Status: Next
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

WIP fix #2508 MultiSelect Dropdown out of screen bounds area17/twill
2 participants
@ifox @kfina-planxy