search

vtaits / react-select-async-paginate

Wrapper above react-select that supports pagination on menu scroll
MIT License
308 stars 75 forks source link

Input cursor is not getting displayed after clicking on the input when the option is selected #129

Open swarupbam opened 2 years ago

swarupbam commented 2 years ago

Question/Bug Report

  1. Input focus is not visible when the input is clicked when the option is selected. Input gets the blue border which is intended but the Input cursor is not visible.
  2. Input focus is not visible when the option is cleared by clicking on the X icon.

Steps to reproduce

  1. Type something
  2. Select an option
  3. Click on the Input again OR
  4. Type something
  5. Select an option
  6. Clear the selection with the X icon.

What is the current behavior?

The input Cursor is not visible despite being in the focused state

What is the expected behavior?

The input cursor should be visible when clicked.

Sandbox Link

https://codesandbox.io/s/initial-options-example-forked-qkb07z

What's your environment?

Browser - Chrome React - 16.14 react-select - 4.3.1 react-select-async-paginate- 0.6.2