Topic: Button Size/Height Increased Unexpectedly On Click

Chrys Log free asked 2 years ago

*_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.

Michał Duszak staff answered 2 years ago

Hello, thank you for your feedback. Could you reproduce this issue in snippets so that we can know the exact case in which you encountered the problem?

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 3.11.0
  • Device: PC, Smartphone
  • Browser: Chrome, Firefox
  • OS: Windows, Android
  • Provided sample code: No
  • Provided link: No