Label area in Textarea covers the input
Dhayvison opened this issue · 1 comments
Describe the bug
The label size in the Textarea component increases along with the field and covers part of the input area.
To Reproduce
- Go to https://bumbag.style/form/textarea/#label
- Paste a long paragraph like this.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce a nunc tellus. Pellentesque pretium felis sit amet tortor aliquam, id eleifend urna faucibus. Quisque dapibus sit amet purus eu feugiat. Aliquam accumsan dolor id est congue, faucibus dictum quam fringilla. Curabitur mi metus, auctor ut magna eu, tincidunt vulputate nunc. Quisque sit amet elit sed diam mattis molestie quis in orci. Vivamus scelerisque eros eu nunc faucibus fermentum. Etiam id lectus eros. Nulla cursus lorem non enim scelerisque molestie. Mauris suscipit nunc ut porta tempor. In vitae tristique orci. Sed consectetur elit odio, sed feugiat libero aliquet id. Mauris sed orci ac tellus suscipit tempor nec eget justo.
- Adjust the field height
- Try clicking at the beginning of the text
Expected behavior
The field will be focusable without the cursor being positioned where it was clicked
Screenshots
Device information (please complete the following information):
- Samsung Book E30 NP550XCJ-KT1BR
- Windows 10 Home Single Language 21H1 19043.1110
- Microsoft Edge, 92.0.902.67
😱