The New Way to Build with AI! Introducing ReUI — the developer platform for agentic UI with shadcn/ui
Browse ReUI Pro

Angular - Top menus are not working on touch screen devices


When we use touch screen devices (laptop/Tablet) screen width greater than 992
(1378, 1280, 1440 etc..) and parent menu it is getting closed on click instead of opening child menus.

Steps -
https://preview.keenthemes.com/metronic8/angular/demo1/dashboard

1) Click on Apps in Top Menu
2) Click on Chat it is not opening it's submenus.


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

 
Deleted comment

Hi Mansi,

Thank you for bringing this issue to our attention. We apologize for any inconvenience this may have caused. Our development team will investigate and work to resolve the issue as soon as possible. If you encounter any further issues or have any additional feedback, please don't hesitate to let us know.

Thanks



Hi Faizal,

Any quick solution?
It is blocking our release.



Hi Faizal,

Any quick solution?
It is blocking our release.



Hi,

Sorry for the late reply. We will check it and reply to you shortly.

Regards.



Hi,

As per our checking this issue seems not a common issue. Probably related to a specific OS, Device, and Browser version.

Could you please confirm and help to check the HTML and React and Vue versions in your device? Is the issue only in the Angular version or other versions are affected? Have you tried it on other devices?

Also could you please let us know your device model, OS, and browser versions?

Once we have these details we will try to investigate the issue and provide a solution the soonest.

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  :(
buy metronic keenthemes mega bundle

ReUI

Open-source React components, blocks and templates built on shadcn/ui and Tailwind CSS by Keenthemes.