[J6.0] The Default appearance of Menus has changed to Collapsible Default Menu!

[sthopd]

Hello,
I have an online-book written in Joomla CMS. I started with Joomla version 4 then v.5 and now I have upgrade to J6.0.0. The book contains many menus (within Site Module: Menu).

Screenshot 1 shows the Default setting of the ToC-menu (ToC = Table of Contents) in Joomla v5: fully expanded.

Screenshot 2 shows the same menu in J6, but now it has become a collapsible/dropdown menu!

In Frontend: When I go to a book page with a ToC menu about chapters and pages, this menu should be shown fully expanded (Backend > Site Module Menu > tab Advanced: Layout = Default). The menu has always been Fully Expanded since Joomla version 4 and version 5.

Screenshot 3: The frontend shows the expanded menu as it is now, caused by J6. This is a screenshot of J6. In J5, there was no up-arrow in case of Layout=Default.

Now -in version 6- a 'Collapsible Default Menu' is shown here instead of a static menu with all menu items visible. If you now (in J6) click on a menu item in order to go to the next page, you will see the menu collapsed again on the new page. Because of this, the reader loses sight (in the menu) of how far he/she was in the book (at a glance).
However, in the J6 Backend, 'Default' is still selected (!) in the Layout field, but the result in the Frontend shows a dynamically collapsible menu (with up/down arrow)!?

Screenshot 4: J6 Backend shows Site Module Menu, Advanced tab: Layout = Default.

Backend details:
I have this ToC menu module in the sidebar-left, Start Level: 1, End Level: All, and Sub-menu items: Show. I have this configuration since Joomla4. All menu items remained visible (expanded) this way. Now in J6 the same menu appears as a dropdown/accordion!?

How/where in the J6 backend can I set the ‘Default back to old-Default’, that is: a fully expanded menu, with all menu items shown statically?

I use a child-template of the original Cassiopeia template, with minor changes. The reason for this is that -with every Joomla update/upgrade- my changes were lost in the original template (but not in my child template anymore, except for this menu glitch).

Friendly regards
Sthop

Extra details:
My default menu (original Joomla Main Menu) is 'Portal Home'. This is a dropdown menu (Layout = Dropdown, from Cassiopeia Template). Portal Home-menu is not ToC-menu.
screenshot5 J6 Portal Home menu.png.

The original Cassiopeia template also shows the ToC menu as a collapsed Menu. And even the new J6 Cassiopeia Extended - Default template: the background color changes, but the ToC menu continues to be a collapsible menu.

The ToC menu is a Joomla-menu that I put in a Joomla Site Module-Menu.
I do not use any page builders or the like.
My Cassiopeia child-template is quite basic.

See: https://forum.joomla.org/viewtopic.php?f=860&t=1020942

[sthopd]

For Screenshots see: https://forum.joomla.org/viewtopic.php?f=860&t=1020942

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/46364.}

[drmenzelit]

The layouts "Collapsible Deafult Menu" and "Collapsible Dropdown" refer to the mobile menu (in small displays the menu will change to a "burger" menu).
What you are describing is related to the changes introduced here: #45922

[sthopd]

Thank you for your answer.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/46364.}

[sthopd]

Hello drmenzelit,
My menu problem still arises in webpages in several browsers on HiRes computers/laptops.
Friendly regards,
sthopd

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/46364.}

[sthopd]

Hi drmenzelit,

The deviation of the Default Layout of a menu [opening mode has changed from expanded (in J5) to collapsible (in J6)] seems to be caused by the function called MetisMenu:
new MetisMenu('#yourmenu', {
toggle: true
});
true is the default behaviour, so may be left out, meaning that only one level is open at a time.
false means that any number of levels may be open at the same time.

This happens for my menus with more levels of (sub)menu-items embedded in the menu-structure:
There is no Joomla-option to force the multilevel hamburger menu to start and remain (after page-load) in unfolded state instead of collapsed.

Do you recognise this?
What can be done to retain the previous functionality before J6?

Friendly regards,
sthopd
PS: this is a problem on large screens (computers, laptops) and can be ignored om mobile devices (smartphones).

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/46364.}

[drmenzelit]

You are mixing default menu (from core) with dropdown menu (from Cassiopeia). The Metis Menu from Cassiopeia always worked this way: submenu closed until you click to open.
The default menu showed the submenu open, because the layout and the Javascript were broken. The PR I linked above corrected the behavior of the default menu. What is missing is a parameter for "display the submenu open". I will put this into the agenda for the maintainers.

[LadySolveig]

Thank you for your feedback and for reporting this. As @drmenzelit correctly summarised, the broken javascript for the default menu has been fixed and an update to improve accessibility has been made to the layout itself.
It is more intended behaviour than a bug, unfortunately it cannot be easily fixed by default. However, I have created a PR that allows you to set a class that takes into account that the submenu remains open for the active item. #46397
This ensures that the focus remains for the end user and the menu can still be easily used in other positions.
I would really appreciate tests and feedback. @sthopd @ceford