How can I disable the animated label


Topic: How can I disable the animated label

jgravois pro asked 10 years ago

I ABSOLUTELY LOVE the package (I am a "2 left foot designer and as a developer would like the stuff I build to look nice)!!! However, the bug with the animation of the label is forcing me to bring in other solutions that BREAK the functionality or at least hamper the functionality I am creating. The bug I am referring to is when a form field is pre-populated or uses a placeholder, the form loads with a jumbled mess -- the label is superimposed on the field and requires a click to clean it up. Unfortunately for me, this is unacceptable by those who approve my work. As a workaround, I researched and Google and found that Material Design offers a component (md-input-container) that offers a no-animate class to prevent that mess. BUT, vue.js thinks this is a vue.js component and squaks. I NEED to be able to either turn off label animation properly OR find a way to stop MDB from affecting forms AT ALL. I WILL risk an upgrade to PRO 4.2.0 if that would help or would love to hear any other suggestions.
Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue
  • User: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags