Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now
Light
Dark
System
Ask  Question

Problem closing menu-sub-dropdown on user interface


Hello,

I'm contacting you regarding a problem I'm having with the menu system on my Metronic user interface.

Here are the steps to reproduce the problem:

I click on the "aside" menu on the left, which opens a first "menu-sub-dropdown".
In this first "menu-sub-dropdown", I click on a button which opens a second "menu-sub-dropdown".
When I move my mouse over a "menu-link" in this second "menu-sub-dropdown", a third "menu-sub-dropdown" opens.
This is where the problem arises: as soon as the third "menu-sub-dropdown" opens, the first "menu-sub-dropdown" automatically closes, leaving me with only the third "menu-sub-dropdown" open.
My aim is to be able to navigate in the third "menu-sub-dropdown" while keeping the first "menu-sub-dropdown" open. Could you tell me how to solve this problem?

Thank you in advance for your help.

Best regards,


G
Guest 2 years ago
Bootstrap 5
1 Answers
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (1)

user
Sean Author 2 years ago

Hi,

Sorry for the late reply.

May I know which Metronic version, demo framework(HTML, react, vue, angular), and build tool(gulp or webpack) you use?

Regards.


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(