Topic: How to disable ripple effect

QuretecDev priority asked 1 month ago

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.)

mlazaru staff answered 1 month ago

Thank you for reporting this. We will try to fix it soon.

QuretecDev priority commented 1 month ago

Any update if it will be fixed with new MDB release (any predictable time?) or you can suggest some workaround?

QuretecDev priority commented 1 month ago

Any update about the fix?

mlazaru staff commented 1 month ago

not yet, but check this workaround:

I think overwriting min-width could solve this bug in most cases.

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Priority
  • 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