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

Desired width of dropdown menu breaks after resizing window, but only if there are many options inside the select (reproducible). #2266

Closed
giro83 opened this issue Apr 26, 2019 · 2 comments

Comments

@giro83
Copy link

giro83 commented Apr 26, 2019

https://jsfiddle.net/m1ab2k35/

  1. Open up and run the fiddle.
  2. Test both select boxes. The width of the dropdown menu, in both cases, is the same as the select box (which is my intent here).
  3. Make the results panel in jsfiddle much larger by dragging the vertical panel divider towards the left. Note the select boxes automatically resize.
  4. Now test both select boxes again. The one with 4 elements will continue to work as expected (IMO). The one with 100 elements will have an unexpectedly smaller width.
  5. If you start over and do the opposite test (shrink the results panel by moving the vertical divider to the right), you get the opposite issue.

I noticed this after an upgrade from v1.12.4. This did not happen there.

Also attaching screenshots post-repro.

Screenshot 2019-04-26 at 11 25 28

Screenshot 2019-04-26 at 11 25 10

@giro83
Copy link
Author

giro83 commented Apr 26, 2019

A workaround seems doing a .selectpicker('refresh') after the window changes.

@caseyjhol
Copy link
Member

Released in v1.13.11!

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

2 participants