Is there any way to keep open a menu with Chrome DevTools?
Select open:
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.
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With