How to correct outlined small textarea bug ?

Topic: How to correct outlined small textarea bug ?

GuillaumeDgr pro premium asked 4 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"
            />

Add comment

Mikołaj Smoleński staff answered 4 years ago

1 0 Best answer

The following styling rule should fix the issue:

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

Keep coding, Mikołaj from MDB

GuillaumeDgr pro premium commented 4 years ago

Perfect answer ! Many thanks !!

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

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

GuillaumeDgr

Pro User Premium support

205Support score
30Questions 6Answers

0Snippets likes 0Snippets