SideNav Requires Two Taps on iPhone and iPad


Topic: SideNav Requires Two Taps on iPhone and iPad

paulrhanson asked 4 years ago

Expected behavior Tap item on side nav and the link is followed.

Actual behavior Tap any item in the Side nav and it looks like the tap was registered, button colors are animated, BUT nothing happens. Tap a second time and it works. This behavior includes both links and folder expansion.

Resources (screenshots, code snippets etc.) This issue is present on https://mdbootstrap.com. It works fine on my MacBook or other desktop. Does NOT work on my iPhone. I've tried on my iPhone 6S+ and iPhone 11+ Pro and on my iPad Pro. All have been updated to latest OS version.


Grzegorz Bujański staff commented 4 years ago

Hi. Thanks for report this. I understand that it does not work on safari on the phone and tablet?


paulrhanson commented 4 years ago

I've tested with Chrome, Safari, and Firefox. All three respond the same.


paulrhanson commented 4 years ago

I can provide a screen recording of what it looks like if you'd like. Just let me know how to get it to you. Thank you!


Grzegorz Bujański staff commented 4 years ago

I will probably be able to test it myself on an iPhone. If I had a problem with reproducing this problem, I will let you know :)


paulrhanson commented 4 years ago

Thank you! I look forward to your report and a solution.


paulrhanson commented 4 years ago

Hi Grzegorz, any progress on this? Thank you!


Tomek Makowski staff commented 4 years ago

Unfortunately, not yet.


paulrhanson commented 4 years ago

Thank you for the update Tomek. I'm hoping you can find it soon. Our app is depending on it. We've been working for a few months to cut our app over to MDB. Thanks again!


paulrhanson answered 4 years ago

I might have found the problem. Part of the initialization of the Nav is:

var ps = new PerfectScrollbar(sideNavScrollbar);

If I remove that line of code from the initialization, all works as expected. No second tap required. I hope this helps!

Best regards, Paul


Grzegorz Bujański staff commented 4 years ago

yes, but then sidenav cannot be scrolled when the content is larger than the screen.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.19.1
  • Device: iPhone, iPad
  • Browser: Chrome, Safari
  • OS: iOS
  • Provided sample code: No
  • Provided link: Yes