Topic: How to disable ripple effect
There is UX jumping problem with buttons in table.
Expected behavior
No jumping in table with selection buttons (look like buttons but act like radio).
Actual behavior
The ripple effect of button causes the buttons to resize. When inspecting the click we can see that the min-width is modified dynamically. How to disable it?
data-mdb-ripple-duration="0" causes errors in console.
data-mdb-ripple-duration="0s" still causes jumping effect.
Resources (screenshots, code snippets etc.)
https://mdbootstrap.com/snippets/standard/quretec/4901504
Thank you for reporting this. We will try to fix it soon.
QuretecDev pro premium priority commented 3 years ago
Any update if it will be fixed with new MDB release (any predictable time?) or you can suggest some workaround?
QuretecDev pro premium priority commented 3 years ago
Any update about the fix?
mlazaru staff commented 3 years ago
not yet, but check this workaround: https://mdbootstrap.com/snippets/standard/mlazaru/4958356#html-tab-view
I think overwriting min-width could solve this bug in most cases.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: Yes
- Technology: MDB Standard
- MDB Version: MDB5 6.1.0
- Device: Desktop
- Browser: Firefox
- OS: Windows 10
- Provided sample code: No
- Provided link: Yes