Label of textarea overlapping the text within


Topic: Label of textarea overlapping the text within

Jordan Mack pro asked 3 days ago

Expected behavior Label stays on top of textarea input

Actual behavior Label returns within the text area and sits on top of the text

Resources (screenshots, code snippets etc.)

Image showing text overlapping the label

Im unsure if Im initializing this textarea correctly. Please see the snippet below

https://mdbootstrap.com/snippets/standard/jps_mack/6471292#html-tab-view


Bartosz Cylwik staff answered 2 days ago

Hello! Try adding the data-mdb-input-init to the textarea wrapper. It shouldn't make your input initialize more than once since you are using getOrCreateInstance and it seems to fix the label position issue for my forked snippet.

https://mdbootstrap.com/snippets/standard/b-cylwik/6471306#js-tab-view

Best Regards!


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: Pro
  • Premium support: No
  • Technology: MDB Standard
  • MDB Version: MDB5 9.1.0
  • Device: x86
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: Yes
Tags