Firefox

17815 readers

8 users here now

A place to discuss the news and latest developments on the open-source browser Firefox

founded 4 years ago

MODERATORS

[email protected]

-1

How can I keep dropdown menus open while inspecting them in dev tools? (lemmy.world)

submitted 1 year ago by [email protected] to c/[email protected]

8 comments fedilink hide all child comments

The dropdown menu is here: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml_select

I’d like to change the CSS of the dropdown elements in a <select> element in dev tools, but I can’t make the dropdown stay open.

top 8 comments

sorted by: hot top controversial new old

[–] [email protected] 0 points 1 year ago (2 children)

You can access the option elements inside the select via the dom and style them there. In most browsers on a Mac (which that looks like?) those selects are actually implemented as separate windows - not even part of the browser, so you’re going to struggle to access them directly.

[–] [email protected] 0 points 1 year ago (1 children)

Yeah I was thinking on an OS level those close when the focus changes.

[–] [email protected] -1 points 1 year ago (1 children)

Can you elaborate on that? What do u mean by OS level?

I really people to be specific do I know these things exactly.

I think Firefox should be able to keep the dropdown menu focused somehow, since its essentially HTML inside the browser engine, and its possible to disable pop hiding for Firefox UI popups in the browser toolbox. The browser toolbox can't inspect page HTML though, only Firefox UI elements.

[–] [email protected] 0 points 1 year ago (1 children)

I don't know if your assertions are right or if mine are either. But my understanding is that dropdowns are an OS feature and consequently the OS is responsible for managing the open and close state of dropdowns, depending on focus. Again, I'm not sure and I'm not expert. It's just what it's looked like to me as an observer.

[–] [email protected] -1 points 1 year ago

Well I'll note, I'm on Mac its's not a native dropdown menu, this is what it looks like:

text .

[–] [email protected] -1 points 1 year ago

I'm on Mac and that's not a native dropdown menu, this is what it looks like:

text .

[–] [email protected] 0 points 1 year ago (1 children)

The style of the dropdown menu are managed by the operative system. You can't keep it open, and you can't modify it outside of your system settings.

You might re-implement the drop-down system menu by yourself via CSS/JS if this is your website, so they become actual elements of the website.

[–] [email protected] -1 points 1 year ago* (last edited 1 year ago)

I'm on Mac and that's not a native dropdown menu, this is what it looks like:

text .