Topic: btn-block on input + ripple = broken
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
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/
Thank you for reporting this issue, we will fix this at the next release.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- 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