Button Size/Height Increased Unexpectedly On Click


Topic: Button Size/Height Increased Unexpectedly On Click

Chrys Log asked 3 months 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 3 months ago

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?


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
  • User: 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