Cannot edit or move cursor inside input

[HrideyReact]

Description

In the current behaviour, I cannot edit the text or move the cursor to see the whole text, the cursor is stuck on the start of the selected value, any clue how we can overcome this behaviour?

chakra-react-select Version

4.3.0

Link to Reproduction

https://codesandbox.io/s/chakra-react-select-border-colors-forked-iort31?file=/data/data.js

TypeScript?

• Yes I use TypeScript

Steps to reproduce

You can reproduce this on any component.

Operating System

• macOS
• Windows
• Linux
• iOS/iPadOS
• Android

Additional Information

No response

[csandman]

Sorry for the late response on this, but there's not much that can be done about it. Once a value is selected, it is no longer actively in the input. It is just there so you can see the selected value. If you start typing again, it will start searching for a new option. This is how react-select itself works.

The only thing I could recommend is making your select large enough so you can see an entire selected option. And in the case of a creatable select, make it larger than you'd expect most entered to be.