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

MS Edge 119: text cut in placeholder/selected option #5855

Open
asrytis opened this issue Feb 1, 2024 · 1 comment
Open

MS Edge 119: text cut in placeholder/selected option #5855

asrytis opened this issue Feb 1, 2024 · 1 comment
Labels
issue/bug-unconfirmed Issues that describe a bug that hasn't been confirmed by a maintainer yet

Comments

@asrytis
Copy link

asrytis commented Feb 1, 2024

Steps to reproduce:

  1. Go to https://react-select.com/home in MS Edge
  2. Choose any Select with search function. Start typing then delete the text.
  3. The first few pixels of the placeholder/selected option text are covered by the <input /> element.

Screen Recording 2024-02-01 at 16 15 14

Works fine on Chrome.

@asrytis asrytis added the issue/bug-unconfirmed Issues that describe a bug that hasn't been confirmed by a maintainer yet label Feb 1, 2024
@asrytis
Copy link
Author

asrytis commented Feb 1, 2024

It seems the CSS rule setting the background color to none gets lost somehow. Check the styles normal vs broken state:

Normal:
normal

Broken:
broken

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
issue/bug-unconfirmed Issues that describe a bug that hasn't been confirmed by a maintainer yet
Projects
None yet
Development

No branches or pull requests

1 participant