Topic: btn-block on input + ripple = broken

smoehrle free asked 1 year ago

Expected behavior

Button should not change the size when clicking

Actual behavior

Button changes size

Resources (screenshots, code snippets etc.)

QuretecDev priority answered 1 year ago

Having similar problem with btn-block. When adding multiple buttons in a row into this snippet you can visually see the jumping.

When will it be fixed or is there some kind of easy workaround to disable the effect and jumping?

QuretecDev priority commented 1 year ago

Using version 6.1.0.

Kamila Pieńkowska staff commented 1 year ago

Can you prepare a snippet showing that behavior? I will help you fix that.

QuretecDev priority commented 1 year ago

Tried with current snippet - just copy paste current input. When pushing the first or second button you can see that the buttons jump.

Kamila Pieńkowska staff commented 1 year ago

You can fix that with custom CSS:

QuretecDev priority commented 1 year ago

Failed to fix it, continue in

smoehrle free answered 1 year ago

Still broken in 6.0.0. :(

Mateusz Lazaru staff answered 1 year ago

Thank you for reporting this issue, we will fix this at the next release.

smoehrle free commented 1 year ago

Is this still going to be fixed?

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: Free
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 4.4.0
  • Device: any
  • Browser: any
  • OS: any
  • Provided sample code: No
  • Provided link: Yes