Tips & Tricks #35

Can I inspect the top layer elements like dialog, popover etc?

Chrome

1. Inspect the <dialog> element. Scroll down to the end of the DOM tree to the #top-layer section, to visualise the currently active dialog elements.

2. In the case of multiple elements, they stack on top of each other, and the last one is on top.

canidev.tools/inspect-top-layer/chrome