Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

Aside Bug when grouping accordion and non-accordion menus together [angular] [metronic8]


Hi,

There seems to be a bug when you group together a
menu-item menu-accordion and a menu-item inside a main
menu-sub menu-sub-accordion
inside Aside-menu-component

Basically something like this:

<div
class="menu-item menu-accordion"
data-kt-menu-trigger="click"
routerLinkActive="here show">
<span class="menu-link"
><span class="menu-icon"
><span
class="svg-icon svg-icon-2"
[inlineSVG]="
"./assets/media/icons/duotune/general/gen049.svg"
"></span></span
><span class="menu-title" data-link="/administration">Administration</span
><span class="menu-arrow"></span
></span>
<div class="menu-sub menu-sub-accordion" routerLinkActive="menu-active-bg">
<div
class="menu-item menu-accordion"
data-kt-menu-trigger="click"
routerLinkActive="here show">
<span class="menu-link"
><span class="menu-bullet"><span class="bullet bullet-dot"></span></span
><span class="menu-title" data-link="/administration/users">Users</span
><span class="menu-arrow"></span
></span>
<div
class="menu-sub menu-sub-accordion"
routerLinkActive="menu-active-bg">
<div class="menu-item">
<a
class="menu-link without-sub"
routerLinkActive="active"
routerLink="/administration/users/users-listing"
><span class="menu-bullet"
><span class="bullet bullet-dot"></span></span
><span class="menu-title">Users Listing</span></a
>
</div>
</div>
</div>

<div class="menu-item" data-kt-menu-trigger="click">
<a
class="menu-link without-sub"
routerLinkActive="active"
routerLink="/administration/menus/menus-listing"
><span class="menu-bullet"><span class="bullet bullet-dot"></span></span
><span class="menu-title">Menus</span></a
>
</div>
</div>
</div>


Steps to take:

  1. Click on menus
  2. Click on users accordion, then click on Users Listing



Expected behavior:
  1. menus will no longer be active menu item
  2. Users Listing will be active menu item




Actual behavior:
  1. menus and Users Listing are active menu items and it confused the MenuComponent logic



Question:
Is there a way to get around this?
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 (3)


Is there any resolution of this issue, I am facing the similar issue. The problem is, first, I clicked the menu-accordion that has list of the user with the sub menus, when I clicked menu of the user list but it is not showing, I checked the reinitializedmenu function and it is working. Awaiting response. Thanks



I am eagerly awaiting a response. Thank you.



Hi,

Looks like we don't support your case when inside the menu-accordion children are different (sub/without-sub). Will open the ticket for it in our development backlog.

Regards,
Keenthemes support


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  :(