Holiday Notice: Support will be provided on a limited scale from December 24th, 2024, to January 2nd, 2025. Happy holidays and a wonderful New Year!


Topic: How to correct outlined small textarea bug ?

GuillaumeDgr premium asked 3 years ago


Expected behavior Normal behavior (text in the middle of outlined line) : enter image description here

Actual behavior Text above line : enter image description here

Resources (screenshots, code snippets etc.)

<mdb-input
              required
              outline
              length="300"
              counter
              :counterMaxValue="300"
              v-model.trim="object.description"
              label="Description"
              size="sm"
              type="textarea"
              :rows="7"
            />

Mikołaj Smoleński staff answered 3 years ago


The following styling rule should fix the issue:

.md-form textarea.md-textarea+label {
    top: 0;
}

Keep coding, Mikołaj from MDB


GuillaumeDgr premium commented 3 years ago

Perfect answer ! Many thanks !!



Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

  • ForumUser: Premium
  • Premium support: Yes
  • Technology: MDB Vue
  • MDB Version: 6.7.2
  • Device: Mac book pro
  • Browser: Firefox developers
  • OS: MacOs
  • Provided sample code: No
  • Provided link: No