[Autocomplete] Drop list no close outline mouse

[temaivanoff]

Tech	Version
Material-UI	v4.9.3
React	v16.12.0
Browser	Chrome
TypeScript
etc.

Hi, please, look at the gif with the problem

[oliviertassinari]

Please provide a full reproduction test case. This would help a lot 👷 .
A live example would be perfect. This codesandbox.io template may be a good starting point. Thank you!

[thundermiracle]

I'm running into the same issue.
Force focus the input after click indicator will solve the problem.

--- a/packages/material-ui-lab/src/useAutocomplete/useAutocomplete.js
+++ b/packages/material-ui-lab/src/useAutocomplete/useAutocomplete.js
@@ -756,6 +756,7 @@ export default function useAutocomplete(props) {
     if (open) {
       handleClose(event);
     } else {
+      inputRef.current.focus();
       handleOpen(event);
     }
   };

[m-apsolon]

I still have the same problem as shown in the GIF, but with multiple selection enabled. Does someone have a tip for a workaround?

[oliviertassinari]

@m-apsolon Do you have a reproduction?

[m-apsolon]

@oliviertassinari no, unfortunately not yet, just stumbled on this thread via google. It's also difficult to reproduce on our implementation, because it's happening sporadically.

Edit: it could've been a problem with the fact that i used onOpen & onClose to set some other states i needed, without using controlled open state. After removing those, can't currently reproduce the open stuck state at all anymore.