Metronic Mega Update!Tailwind 4, React 19, Next.js 15, KtUI, ReUI, eCommerce, User Management Apps and more
Explore Update

Bug in metronic angular theme, in the search textbox in header toolbar (demo1)


Hi, there is a bug in search textbox in the header toolbar.

when I click to write something, the box close immediately.
https://preview.keenthemes.com/metronic8/angular/demo1/dashboard

I try to see if in the demo2, the behavior is the same, but no, is work correclty.
https://preview.keenthemes.com/metronic8/angular/demo2/dashboard


What do I need to change to fix this bug in demo1.

Best regards,
Paulo


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 (6)


If you're experiencing a bug in the Metronic Angular theme, specifically in the search textbox in the header toolbar of demo1, you're not alone. Some users have reported issues with input not responding or styling inconsistencies. While troubleshooting, I was also researching massimo t boss 550 accessories and noticed layout conflicts can sometimes stem from global styles. Try checking for overlapping CSS or JS files that may be affecting the textbox behavior.



Hey Paulo, I ran into a similar issue while browsing for some Vapes Online and noticed that kind of glitch too. For demo1, the problem usually comes from how the search component handles focus/blur events. You might want to check if there's an event listener that's triggering a close when the input loses focus—sometimes it's tied to how the dropdown or overlay is handled. Compare the layout.component.ts or the search component logic between demo1 and demo2, and adjust the toggle/close behavior accordingly. Let me know if you need help digging deeper!



If you're encountering a bug with the Metronic Angular theme in the search textbox within the header toolbar (demo1), it could be related to conflicting JavaScript, CSS, or template structure. A common issue might be related to event listeners not firing correctly, or a misconfiguration in the input field's binding. You can resolve this by checking for any errors in the browser console, ensuring that all necessary dependencies are included, and reviewing the layout for conflicts. If the issue persists, clearing the cache or reinstalling the theme could help. For example, when trying to search for something like al fakher vape 15000 preis, ensuring that the textbox functions as expected will improve the overall user experience.



Hi Paulo,

Sure, we will notify you.

Thanks



Hi Paulo,

Thank you for informing us. This seems to be a bug. We will check if further and fix it.

Thanks



Hello Faizal,

Thank you for reply.

Is possibly to be notify when this bug will be fixed, because I am using this demo1 in my project.

Best regards,
Paulo


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