Topic: Label of textarea overlapping the text within

Jordan Mack pro asked 3 weeks 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 weeks 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

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