close
The Wayback Machine - https://web.archive.org/web/20220709132750/https://github.com/jxom/bumbag-ui/issues/135
Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Label area in Textarea covers the input #135

Open
Dhayvison opened this issue Aug 7, 2021 · 1 comment
Open

Label area in Textarea covers the input #135

Dhayvison opened this issue Aug 7, 2021 · 1 comment
Labels
bug good first issue

Comments

@Dhayvison
Copy link

@Dhayvison Dhayvison commented Aug 7, 2021

Describe the bug

The label size in the Textarea component increases along with the field and covers part of the input area.

To Reproduce

  1. Go to https://bumbag.style/form/textarea/#label
  2. 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.

  1. Adjust the field height
  2. 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

image

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
@jxom
Copy link
Owner

@jxom jxom commented Aug 10, 2021

😱

@jxom jxom added bug good first issue labels Aug 10, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug good first issue
Projects
None yet
Development

No branches or pull requests

2 participants