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>