[#35713] - [4.0] Cassiopeia - Collapsible Dropdown menu overflows out of the browser
- Closed
- 4 Oct 2021
- Medium
- Build: 4.0-dev
- # 35713
Steps to reproduce the issue
- Create menu items with submenu items
- Set Layout "Collapsible Dropdown" or "Dropdown" in Main Menu module
- Click to expand the submenu item
Expected result
Submenu will fit the browser window
Actual result
Submenu menu overflows out of the browser
System information (as much as possible)
Joomla 4.0.2
Additional comments
I think the reason is how many menus you have on top.
it still should not happen
Some dropdown methods can detect the edge of the page and move the dropdown to the left.
The Metismenu method, which is used in the Cassiopeia template, uses absolute positioning for displaying the submenu, so you just need to assign the "right" property to the submenu (e.g. right: 0;) and the result can look like this:
Unfortunately, this is statically set in CSS, I don't know the Metismenu library, so it's hard to say if this could be set (recalculated) dynamically according to the menu position.
metismenu can definitely do this see the documentation and exaamples https://onokumus.com/metismenujs/mm-horizontal.html
alikon
- | Status | New | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2021-10-04 15:38:45 |
| Closed_By | ⇒ | alikon |
Hi Jan,
Where can we see these overflows?
https://cassiopeia.joomla.com/help/menu-module
Edit: Now I saw your screenshot under Github (not on Issue tracker).
This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/35713.