Force elements to remain visible on focus change, even when they would disappear on blur

Question

In Material UI, there's an autocomplete. When I focus the input and press up/down, the options are displayed.

I'd like to inspect those options using right click -> Inspect (in Chrome). But as soon as the focus leaves the input, the options disappear (and I can't find them in the DOM), probably because of an onBlur or similar JavaScript event.

https://material-ui.com/components/autocomplete/

Is there a way to keep the options visible, even when the focus leaves the input, so I can inspect their DOM?

Answer 1

I you need it just for inspection you can add open attribute to Autocomplete element.

<Autocomplete
   ...
   open
/>