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
Thank you for reporting this issue, we will fix this at the next release.
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 pro premium priority commented 2 years ago
Using version 6.1.0.
kpienkowska staff commented 2 years ago
Can you prepare a snippet showing that behavior? I will help you fix that.
QuretecDev pro premium priority commented 2 years ago
Tried with current snippet - just copy paste current input. When pushing the first or second button you can see that the buttons jump.
kpienkowska staff commented 2 years ago
You can fix that with custom CSS: https://mdbootstrap.com/snippets/standard/kpienkowska/4877490
QuretecDev pro premium priority commented 2 years ago
Failed to fix it, continue in https://mdbootstrap.com/support/standard/how-to-disable-ripple-effect/
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: 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