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

Multiselectdropdown 'select all' option is cut off #545

Open
yahiakala opened this issue Jul 16, 2024 · 2 comments · May be fixed by #550
Open

Multiselectdropdown 'select all' option is cut off #545

yahiakala opened this issue Jul 16, 2024 · 2 comments · May be fixed by #550

Comments

@yahiakala
Copy link
Contributor

Describe the bug
The 'select all' and 'deselect all' options are next to each other and getting cut off in the dropdown. I have tried to have the width set to 'auto' and 'fit' and having the same problem.

Version
Published app - using the App ID as a dependency.

To Reproduce
Steps to reproduce the behaviour (including a clone link when applicable):

  1. Add a multi-select drop down to a form
  2. Populate it with a bunch of options
  3. Select 'enable_select_all'

Expected behavior
The width of the dropdown should be wider than the text.

Screenshots
image

I am considering making a PR for this issue
No. I have disabled 'enable_select_all' to deal with this issue.

@s-cork
Copy link
Collaborator

s-cork commented Jul 22, 2024

Could you provide a minimal example clone link
Following those instructions doesn't show the issue for me
I suspect it's something to do with some css

@yahiakala
Copy link
Contributor Author

Here's a minimal example: https://anvil.works/build#clone:XSS33QAN6IQ5IF6L=EAD7VSTHC2JT4DLGG6HRREUZ

Basically, 'auto' and 'fit' are not taking into account the width that is required for the 'select all' and 'deselect all' buttons. If the options are less wide, the dropdown will be less wide.

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

Successfully merging a pull request may close this issue.

2 participants