Topic: Button Size/Height Increased Unexpectedly On Click
*_Expected behavior_* Button, anchor text or any element with btn class should stay normally heighted on click, when embedding MDBootstrap.
*_Actual behavior_* Button, anchor text or any element with btn class was enormously heighted on click, bricking while page design when embedding MDBootstrap.
Resources (screenshots, code snippets etc.) By using inspect element console, I noticed that on class="btn" elements, mdb added .ripple-wave class as sub-element of my button. So I went to mdb.min.js (or the mdb js file you use), I searched for the .ripple-wave class and I found Ta="ripple-wave",Oa=["btn",".ripple"]. So I removed "btn" from Oa and it was fixed.
Hello, thank you for your feedback. Could you reproduce this issue in snippets https://mdbootstrap.com/snippets/ so that we can know the exact case in which you encountered the problem?
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 3.11.0
- Device: PC, Smartphone
- Browser: Chrome, Firefox
- OS: Windows, Android
- Provided sample code: No
- Provided link: No