Topic: mdbDropdownItem does not work on mobile
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>
krim pro answered 4 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 4 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 4 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
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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
Magdalena Dembna staff premium commented 5 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, Magdalenakrim pro commented 5 years ago
Hello Magdalena Dembna,
It still does not work.
You can try it on https://lookmytour.com on your mobile phone on "Медиа"
Magdalena Dembna staff premium commented 5 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 5 years ago
Yep, I've tried and had the same result.
krim pro commented 5 years ago
Hello Magdalena Dembna,
Have you got any ETA for this bugfix?
Magdalena Dembna staff premium commented 5 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 5 years ago
Hello Magdalena Dembna,
Any news?
Mikołaj Smoleński staff commented 5 years ago
Unfortunately, we can't provide the date of the next release at this time. Best regards
krim pro commented 5 years ago
Hello Mikołaj Smoleński,
Have you got any news? What happened with the project? Is it still alive?
krim pro commented 5 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 5 years ago
It's still in waiting list. Best regards
krim pro commented 5 years ago
Hello,
Are there any news?
Mikołaj Smoleński staff commented 5 years ago
We will let you know as soon as the fix will be ready. Best regards