header-footer-elementor icon indicating copy to clipboard operation
header-footer-elementor copied to clipboard

Drop-down menu is not closing when using links with #ids

Open rolodoom opened this issue 10 months ago • 0 comments

Describe the bug:

When using sub-menus with anchor id like /somelink/#id, links used for one page sites, the drop-down menu stays opened both on mobile and on the desktop.

To reproduce:

  1. Create a custom header
  2. Add a menu widget on elementor and select a menu
  3. add links to the menu (links using #ids)
  4. add sections with ids on a Elementor page
  5. view page on browser, and sub-menus/drop-downs not close when clicking the links on sub-menus. The section is being correctly reached but the menu stays open

Expected behavior:

The expected behavior is that when clicking a section link (link with #id), the sub-menus should be closed immediately

Screenshots:

Isolating the problem:

  • [x] This bug happens with no other plugins activated. For testing Elementor must be active.
  • [ ] This bug happens with a default WordPress theme active. NOTE: I can't test this 'cause I'm using hello-elementor theme.
  • [x] I can reproduce this bug consistently using the steps above

WordPress version:

Elementor version:

  • Wordpress Version 6.8.1
  • Plugin Version 2.3.1 |

rolodoom avatar May 28 '25 22:05 rolodoom