Topic: How to disable ripple effect

QuretecDev priority asked 1 year 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.)

Mateusz Lazaru staff answered 1 year ago

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

QuretecDev priority commented 1 year 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 year ago

Any update about the fix?

Mateusz Lazaru staff commented 1 year 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

  • ForumUser: 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