Topic: btn-block on input + ripple = broken

smoehrle free asked 2 years ago


Expected behavior

Button should not change the size when clicking

Actual behavior

Button changes size

Resources (screenshots, code snippets etc.)

https://mdbootstrap.com/snippets/standard/smoehrle/4314468


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: https://mdbootstrap.com/snippets/standard/kpienkowska/4877490


QuretecDev priority commented 1 year ago

Failed to fix it, continue in https://mdbootstrap.com/support/standard/how-to-disable-ripple-effect/


smoehrle free answered 1 year ago


Still broken in 6.0.0. :(


Mateusz Lazaru staff answered 2 years 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.

FREE CONSULTATION

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

Status

Answered

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