mdbDropdownItem does not work on mobile


Topic: mdbDropdownItem does not work on mobile

krim pro asked 2 years ago

Expected behavior

Click on mdbDropdownItem change the page.

Actual behavior

Click on mdbDropdownItem does not change the page.

Resources (screenshots, code snippets etc.)

It's not possible to test the same behavior on google chrome on PC(even if you switch to mobile in DevTools). You have to test it on a mobile device( in my case it's an iPhone 11). Another thing that I change mdb-dropdown-item to nuxt-link and it also doesn't work. But sometimes it's work in both cases(I don't understand the cases).

Maybe it's the problem with mdb-dropdown...

<mdb-dropdown tag="li" class="nav-item">
  <mdb-dropdown-toggle tag="a" navLink color="stylish" slot="toggle">Media</mdb-dropdown-toggle>
  <mdb-dropdown-menu>
    <mdb-dropdown-item :to="{ name: 'articles }" exact>All articles</mdb-dropdown-item>
  </mdb-dropdown-menu>
</mdb-dropdown>

Magdalena Dembna staff commented 2 years ago

I'm having a hard time recreating this issue on my iOS device, but I'm adding it to our bug list. Can you check if the problem still exists if you change the to attribute to String, f.e to="/" or replace it with a href? Best regards, Magdalena


krim pro commented 2 years ago

Hello Magdalena Dembna,

It still does not work.

<mdb-dropdown-item to="/media" class="dropdown-item" exact>Все статьи</mdb-dropdown-item>

You can try it on https://lookmytour.com on your mobile phone on "Медиа"


Magdalena Dembna staff commented 2 years ago

I think I have reproduced the issue, can you check if it works the same in your case? If I tap the link quickly, it works fine, if I touch the link longer, the menu collapses but the route stays the same. I will add this to our bug list. Best regards, Magdalena


krim pro commented 2 years ago

Yep, I've tried and had the same result.


krim pro commented 2 years ago

Hello Magdalena Dembna,

Have you got any ETA for this bugfix?


Magdalena Dembna staff commented 2 years ago

Not yet. It's on our task list, awaiting its turn. We are currently working on the improved dropdown version, but we are not sure when it's going to be released. Kind regards, Magdalena


krim pro commented 2 years ago

Hello Magdalena Dembna,

Any news?


Mikołaj Smoleński staff commented 2 years ago

Unfortunately, we can't provide the date of the next release at this time. Best regards


krim pro commented 2 years ago

Hello Mikołaj Smoleński,

Have you got any news? What happened with the project? Is it still alive?


krim pro commented 2 years ago

Hello Mikołaj Smoleński,

Have you got any news? What happened with the project? Is it still alive?


Mikołaj Smoleński staff commented 2 years ago

It's still in waiting list. Best regards


krim pro commented 2 years ago

Hello,

Are there any news?


Mikołaj Smoleński staff commented 2 years ago

We will let you know as soon as the fix will be ready. Best regards


krim pro answered 2 years ago

Mikołaj Smoleński, there are no updates for the last 4 months. Are you still working on the VUE version?


Mikołaj Smoleński staff commented 2 years ago

MDB Vue project should be updated in 3 months, due to the new version of Bootstrap which has to be integrated with MDB. We apologize for the delay.


Mikołaj Smoleński staff commented 2 years ago

According to this issue, have you tried to use a classic syntax instead of mdb-dropdown-item component? For example:

<a class="dropdown-item" href="...">Test</a>

Best regards


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: Pro
  • Premium support: No
  • Technology: MDB Vue
  • MDB Version: 6.7.0
  • Device: iPhone 11
  • Browser: google chrome, safari
  • OS: iOS
  • Provided sample code: No
  • Provided link: No