Topic: SideNav Link only work with double click on iphone

webdesigna free asked 3 years ago

Expected behavior SideNav Link only work with double click on iphone. One click hover effect, but not work link. To acces a menu, i need double click to go to new link menu on sidenav.

And links with tooltip are similar, y need double click to go to a new page.

Any fix for them?

Grzegorz Bujański staff commented 3 years ago


Thanks for reporting this bug. I have tried to find a solution that can be implemented quickly, but nothing has worked. This will require us to debug and see what is happening. We will fix it as soon as possible.

Creerapp priority commented 1 year ago


Same issue for me when i use Sidenav Link on IOS with Chrome or Safari

We have to focus to the Sidenav and after we can click on the link.

How to force that ?

const sidenav = document.getElementById('sidenav-1'); sidenav.addEventListener('shown.mdb.sidenav', event => { $('#sidenav-1').focus();// doesn't work ! });

Thank a lot

Grzegorz Bujański staff commented 1 year ago

Unfortunately, I am unable to reproduce this issue. Which MDB version are you using? Is this happening only in your project, or is the Sidenav on our website also working incorrectly for you?

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: Iphone 11
  • Browser: Chrome
  • OS: IOS14
  • Provided sample code: No
  • Provided link: No