I have discovered a bug in the Cassiopeia theme, and I can’t find a solution to it, and I don’t even know what’s causing it. Searching, I found such a page, and it appears here, on several browsers: https://cassiopeia.joomla.com/help/menu-module When in mobile view, and I open the hamburger menu (“Page Modules” - menu module settings in the “Advanced” tab under “Layout” - “Collapsible Dropdown” ), then open the submenus, any of them, then close the entire hamburger menu as is, then open it again… If you play this for a while, randomly, something will get stuck, and suddenly their collapsible submenus won’t open. I’m watching the inspector, can’t find the cause of the error. Has anyone experienced anything similar? Does anyone know what could cause this bug?
I’ve tried it on several sites, J4, J5, fresh, new installation, where nothing is configured but the menu module “Collapsible Dropdown” and the error persists anyway.
It sounds like you’ve encountered a tricky issue with the Cassiopeia theme in Joomla, specifically related to the mobile hamburger menu and its collapsible submenus. Here are some steps you can take to troubleshoot and potentially resolve the bug:
1. Inspect JavaScript Errors
Open your browser’s developer tools (usually F12 or right-click and select “Inspect”).
Navigate to the Console tab and look for any JavaScript errors when you interact with the hamburger menu. Errors here could give clues about what’s going wrong.
2. Review CSS Styles
Check the Elements tab in the inspector to see if any CSS styles are being applied that might be preventing the submenus from opening. Look for display: none, visibility: hidden, or other styles that could affect visibility.
3. Check Event Handlers
Use the Event Listeners tab in the developer tools to see if event handlers are being added correctly. It’s possible that after certain interactions, the event listener for opening submenus is being removed or not firing as expected.
4. Test Without Extensions
Temporarily disable any third-party extensions or custom scripts that might interfere with the menu functionality. Sometimes conflicts arise from other extensions that manipulate the DOM or handle events.
5. Inspect Menu Module Settings
Double-check the settings in the Menu Module under the Advanced tab. Ensure that the settings related to the collapsible dropdown are correctly configured.
6. Clear Cache
Clear both your Joomla cache and your browser cache. Sometimes, cached versions of files can lead to inconsistent behavior.
7. Use a Fresh Install for Comparison
Since you’ve tried this on fresh installations, you might want to check if the issue persists on the demo site provided by Joomla for the Cassiopeia theme. If it does, it could indicate a broader issue with the theme.
8. Update Joomla and Template
Make sure you’re using the latest version of Joomla and the Cassiopeia theme. Updates often fix bugs and improve functionality.
9. Community Support
Since this seems like a specific bug, consider posting on the Joomla forums or the Cassiopeia GitHub repository. Provide details about your findings, including browser versions and steps to reproduce the issue.
10. Debugging Mode
Enable Joomla’s debugging mode to get more detailed error messages that might help you identify the issue. You can find this in Global Configuration under the System tab.