Topic: Confused inconsistent display if href/router-link is chosen on MDBDropdownItem.
Expected behavior Cursor shape should be hand-like when mouse is hovering router-link.
Actual behavior The cursor behaves like on some plain text(NOT a link).
Resources (screenshots, code snippets etc.) Device State If href is chosen like below: Device State The cursor shape becomes normal.
Hi! I can not reproduce your issue. When I'm adding a dropdown with dropdown items with hrefs (as a MDBDropdownItem prop) the cursor is appearing as a pointer for me.
Can you show code example or tips on how to reproduce the issue?
You can also try to add the cursor: pointer styling to the .dropdown-item element yourself although it should not be necessary.
Best Regards!
Hi,
Thanks for the reply.
I can't paste code here, so upload as a image:
Please note that, href is on the first dropdown item and router link is used on the second one.
And the behavior is as below:
Thanks again for you support.
Posting pictures didn't work although I managed to recreate this issue today. Im adding this to our to-fix list but for now you can add
<style>
.dropdown-item {
cursor: pointer;
}
</style>
yourself for it to show the cursor properly. Thanks for reporting this!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Free
- Premium support: No
- Technology: MDB Vue
- MDB Version: MDB5 6.0.0
- Device: Laptop
- Browser: Chrome
- OS: Windows 11
- Provided sample code: No
- Provided link: No