Search and Top Navigation
#9721 closed bug (fixed)
Opened December 27, 2013 08:54PM UTC
Closed April 18, 2017 09:18PM UTC
Menu: Submenu vertical position not fitted properly
| Reported by: | tenor | Owned by: | |
|---|---|---|---|
| Priority: | minor | Milestone: | 1.11.3 |
| Component: | ui.menu | Version: | 1.10.3 |
| Keywords: | Cc: | ||
| Blocked by: | Blocking: |
Description
Submenus on a menu that's positioned to the bottom of a page are not displayed such that the menu flows upward so that menu items are visible.
This is repro'd at http://jsfiddle.net/RBh7w/ .Here you can see that the 'Light' submenu flows upwards properly and the menu items are visible. However, the 'Dark' menu flows downwards and the menu items cannot be seen (it also causes the page to be extended).
I'm unable to repro this using the JQuery UI menu example at
http://jsfiddle.net/2VJVy/ . Is this because there are a smaller number of items on that menu?
Attachments (0)
Change History (5)
Changed December 27, 2013 09:21PM UTC by comment:1
| status: | new → open |
|---|---|
| summary: | Submenu vertical position not fitted properly → Menu: Submenu vertical position not fitted properly |
Changed December 27, 2013 09:34PM UTC by comment:2
For some reason the position utility's flip collision detection is not adjusting the position when it seems like it should. If I crank the font-size way down this works as expected: http://jsfiddle.net/tj_vantoll/rCx7M/2/.
Changed December 27, 2013 09:37PM UTC by comment:3
It seems like after a certain height or number of items (in this case 14), the vertical fitting is not performed or fails. See http://jsfiddle.net/rCx7M/1/ . Uncomment the extra items to confirm.
Changed April 18, 2017 09:18PM UTC by comment:5
| milestone: | none → 1.11.3 |
|---|---|
| resolution: | → fixed |
| status: | open → closed |
Fixed with #8710. See http://jsfiddle.net/rCx7M/3/
Confirmed and reduced against master: http://jsfiddle.net/tj_vantoll/rCx7M/. I'm not exactly sure what's going wrong here.