Toggle <select> tag with chrome DevTools

Is there any way to keep open a menu with Chrome DevTools?

Select open:

enter image description here

How do I inspect autocomplete dropdown?

With the suggestions dropdown visible and DevTools opened, press F8 and switch to the DevTools. You will immediately break at the JS blur handler for the field, so the dropdown will not be removed, thus you'll be able to inspect its DOM.

How do you inspect select options?

To access inspect mode while the dropdown box is open. Open the Dev Tools, click the dropdown and then use the shortcut to get to inspect mode ( Ctrl + Shift + C for chrome).

These selects are native OS components, there seems to be no way to control them from DevTools.

What you can do is add multiple attribute to your select (right click on the node and choose "Add attribute"). This will allow you to comfortably style option elements.

select with <code>multiple</code> attribute