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

Select Component - On viewing the inputs options, the label of the input below shows through #509

Closed
jk68mnpo opened this issue Jan 6, 2020 · 0 comments
Assignees
Labels
Type: Bug Inconsistencies or issues which have caused a problem for users or implementors

Comments

@jk68mnpo
Copy link

jk68mnpo commented Jan 6, 2020

Describe the bug
On viewing the inputs options, the label of the input below shows through

To Reproduce

  1. Create a form with the select component as the first input and a text/number input directly below it.
  2. When there is 2 or more options in the option dropdown, the label of the input below can still be seen.

Environment
This is the case on:

  • Firefox v69.0.1
  • Chrome v69.0.81
@m7kvqbe1 m7kvqbe1 self-assigned this Jan 20, 2020
hxltrhuxze added a commit that referenced this issue Mar 10, 2020
* fix: Stop Select changing height on focus

* feat: Add xsmall badge size

* feat: match Select component height with form inputs

* fix: scope Select stack context to stop label render bug #509
@elglup elglup added Type: Bug Inconsistencies or issues which have caused a problem for users or implementors Type: Component and removed bug labels Mar 16, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Type: Bug Inconsistencies or issues which have caused a problem for users or implementors
Projects
None yet
Development

No branches or pull requests

3 participants