[material-ui][Autocomplete] Selected Option is hidden when it is Focused about material-ui HOT 5 CLOSED

Do you mean that the selected option should appear at the top when you re-open the autocomplete dropdown?
What you are seeing is the expected behaviour right now where the list is opened with the selected value being auto focussed.

from material-ui.

To address the visibility issue of the selected option in the AutoComplete component upon focus, I propose a direct adjustment to the component's handling of input focus to ensure the text starts from the beginning. I've tested this solution in the provided StackBlitz example, modifying the component's input handling to reset the scroll position on focus. This approach consistently shows the full selected text without cutting off the start, enhancing usability and ensuring the content is fully visible upon re-entry. Here's a code snippet that might be included:

This method ensures the selected text is always visible from the start, potentially resolving the issue without needing additional modifications or workarounds.

from material-ui.

@yassinmars The suggested method works. Thank You for the info.

from material-ui.

👋 Thanks for using our open-source projects!

We use GitHub issues exclusively as a bug and feature requests tracker, however,
this issue appears to be a support request.

For support with Material UI please check out https://mui.com/material-ui/getting-started/support/. Thanks!

If you have a question on Stack Overflow, you are welcome to link to it here, it might help others.
If your issue is subsequently confirmed as a bug, and the report follows the issue template, it can be reopened.

from material-ui.

Thanks @yassinmars for looking into this 🙌

from material-ui.