Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

I am facing issue with the Menu Dropdown


I have a menu dropdown which does not work at first. but then we if change the nested route or change refresh that page then it start to works


This is the URL from demo Preview
https://preview.keenthemes.com/metronic8/demo1/pages/user-profile/overview.html

Issue is with the 3 dots buttons next to Hire Me.

Also I have migrated from vue-cli to Vite


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (4)


Issue was with the transition component once I removed it. menu started to work again as normal



Hi Muhammad Bilal,

Thank you for letting us know.

Do you use vue transition component or it is component from external dependency?

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi Muhammad Bilal,

Could you please specify which Metronic version are you using?

We are handling all our components initialization in file src/core/plugins/keenthemes.ts, please make sure that you have included this files.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



it's 8.1.5

I just want to know that is there a way to open the menu .programatically. I am using data-kt-menu but that is not working. just looking for other way around


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(