NO BUG: Menu builder. Drop down list activated, when menu link is actually all that is required

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

[Please describe this bug in as much detail as possible so we can replicate & debug this bug]

OK, with the menu builder.

Example of the issue

I have a nestable sub-menu. This opens up fine (on-click) but I would prefer it to only open when the button is clicked. As opposed to the whole

  • menu item.

    The issue being is that the actual link within the

  • menu-item should be honoured when the
  • is clicked.
    If the user wants to navigate further into the menu, then click the button.

    At present it is a bit janky. The user will click the relevant

  • the menu will expand, whilst the page is navigating to the actual link.

    Should be one or the other.

    “.brx-submenu-toggle” appears to be the culprit, ideally I need this to just be wrapping the button? Not the button and the link.

    EG: Menu item:

    <li data-script-id="cb251c" class="brxe-dropdown">
	<div class="brx-submenu-toggle">
		<a class="brxe-text-link" href="https://site.com/category/“>THIS CATEGORY</a>
		<button aria-expanded="false" aria-label="Toggle dropdown"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 12 12" fill="none"><path d="M1.50002 4L6.00002 8L10.5 4" stroke-width="1.5" stroke="currentcolor"></path></svg></button>
	</div>
	<ul > … </ul>
</li>
    • 2

    I have been informed of the error of my ways. From a usability perspective my way is incorrect.

    This is correct. The dropdown menu item shouldn’t have a link url associated. Its role should be to solely open up the sub navigation.

    3

    Hi Noel,
    I’m glad you’ve already found out what the problem is and how to solve it properly :v:

    1 Like