Inspecting elements that hide quickly
I need to inspect a HTML element in a website but I'm not able to because the element hides really fast.
The element A appear when I hover an element B, when my cursor comes out of the element B, element A disappears. So I don't know how to find out it direct parent and I don't know if it's destroyed of hidden.
How do I do to inspect elements that hide fast ?
I'm guessing the element is being removed using JavaScript? You can request Chrome to pause JavaScript execution when DOM is modified. Right click the element (the parent) in which the disappearing element is created and click on Subtree Modifications in the Break on... sub menu.
It doesn't have to be a direct parent. If you don't know the exact parent you could always use either the html or body element to break on.
After you've inspected the element, click on continue to continue JavaScript execution.