Topic: sidenav items requires two clicks to work on iphone
Expected behavior
On PC and Android it requires on a click
Actual behavior
On Iphone it requires a first click to seem to get sidenav focus, and a second click to access the item. The first click can get side nav items highlighted though
Resources (screenshots, code snippets etc.)
https://mdbootstrap.com/docs is your documentation site, and the angular and vanilla js version of docs's hamburger menu also act this way on an iphone. Please let me know if there's any way to get around this.
<mdb-sidenav-item>
<a class="sidenav-link" tabindex="0" (click)="_location.go('/dashboard')">
<i-feather name="home"></i-feather>
<span slim="false"
class="ms-3">Home</span>
</a>
</mdb-sidenav-item>
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- ForumUser: Premium
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: MDB5 5.1.0
- Device: iphone
- Browser: chrome
- OS: ios
- Provided sample code: No
- Provided link: Yes
Rafał Seifert free commented 7 months ago
Thank you for your post. Indeed, there is a problem. Unfortunately, I cannot provide a quick workaround for you at this moment. We will add this issue to our to-do list and investigate possible solutions.