metronic ios device issue

data-kt-menu-trigger="{default: 'click', lg: 'hover'}" not working on iphone

link below is a sample video
Link

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

Hi,

May I know your iPhone and iOS version ? Our theme works with browsers and devices that Bootstrap supports.

Regards.

iphone 13
ios version 16

Thanks for providing the details. Are you using Metronic 8 Demo 4 ?
Could you please test the latest version of Demo 4 on your phone ? Based on your test result we will investigate the issue further.

ok, i will test the latest version see the issue exists or not.

I use latest version the issue still exist.

Hi,

not my business, but this error also exists in iOS 15 (iPhone 13 Pro Max), Safari browser and also the Firefox browser.

Hi,

Thanks for the feedback.

Have you tested it in the live preview of Demo 4 here?

Regards.

my college help me test the demo4 also cannot.
iphone 11 pro max
ios 16

Noted, we will check this further and try to fix it. It should be a known bug of PopperJs plugin that we use as the core plugin for our dropdown menu component.

Hi,

We have a quick fix for the iOS KTMenu issue inside overflow:auto parent.

All you need to do is to add overflow-visible class to the aside element with kt_aside ID:

<div class="aside overflow-visible">
....
</div>

We will include this fix in the next release of Metronic.

Appreciate your feedback and contribution.

Regards.

Hi,
thank for your help.

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