You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
If a dropdown pane is larger than the browser window, the pane is not resized to respect window width. (data-allow-overlap=false is default according to docs)
Seems this could be related to explicitly setting the width. Is the explicit width important for you?
Setting data-position="right" data-alignment="bottom" on your medium drop down which should cause overlap is behaving correctly and repositioning it.
In iOS Safari the main div gets resized to allow the large dropdown to fit. so the window becomes scrollable.
In Chrome it behaves as expected and the large dropdown repositions to bottom center and then overlaps the left hand side of the window without resizing the main div so the start of the lines aren't readable.
Both are sort of consistent with the docs but not each other and not ideal but they behave much more nicely without the explicit width
If a dropdown pane is larger than the browser window, the pane is not resized to respect window width. (data-allow-overlap=false is default according to docs)
FD 6.4.1
Testing: Resize browser window on CodePen to smaller than the large dropdown pane and refresh:
https://codepen.io/bwy/pen/GvJyqJ
The text was updated successfully, but these errors were encountered: