How to Screenshot a Dropdown Menu Without It Closing
September 17, 2026
Dropdowns are built to vanish. A click anywhere else closes them, so does Escape, and on some sites so does moving focus at all. That is exactly what most screenshot methods do first, which is why the capture so often shows the page with the menu already gone.
The fix is to capture without giving the page a reason to close the menu.
Windows: use the Snipping Tool delay
Open the Snipping Tool app itself (not the Win + Shift + S shortcut), set a delay of three or five seconds, click New, then switch to the browser and open the menu. When the delay runs out the capture starts with the menu still open, and you drag around it.
The shortcut version cannot do this because the dimming overlay steals focus, which is what closes the menu.
Mac: the timed screenshot
Cmd + Shift + 5 opens the screenshot toolbar; under Options choose a five-second timer, then open the menu and wait. The capture happens while the menu is up.
In Chrome: a capture that never touches the page
With the Demorta extension, open the menu, press Ctrl+Shift+8, then press Enter. Enter takes the whole visible page without a click, so nothing reaches the page and the menu stays where it is. If you drag an area instead, the overlay swallows the press so a click-toggled menu still survives; menus that open on hover will close when the pointer moves, which is where Enter is the safer choice. Crop in the editor afterwards. Try the free screenshot tool.
DevTools, for the stubborn ones
If the menu closes no matter what, open DevTools, go to the Elements panel, find the menu element, and in the Styles pane use the :hov toggle to force :hover or :focus on it. It stays open until you turn that off, and you can capture at leisure with any method, including Capture node screenshot on the element itself.
Frequently asked questions
- Why does the dropdown close when I take a screenshot?
- Most screenshot tools take focus or send a click to the page when they start, and open menus close on either. Use a timed capture, or a tool that captures without sending anything to the page.
- How do I screenshot a menu on Windows?
- Open the Snipping Tool app, set a delay of a few seconds, press New, then open the menu and wait for the capture to start.
- How do I keep a dropdown open to screenshot it?
- In Chrome DevTools, select the menu element and force its :hover or :focus state from the Styles pane. It stays open until you clear the toggle.
Keep reading
This is what Demorta does
Click through it — the same kind of demo you can record of your own product.
Try it on your own product
Record your first interactive demo free.
Five demos on the free plan, forever. No credit card, no trial countdown, no sales call. Install the Chrome extension, click through your product once, and you have a shareable link in about ten minutes.
Start free →