Hello, I am using jQuery UI, which has an autocomplete feature. This feature loads a div with results under textbox while writing. Now, I need to inspect the row of that div, which is a problem. Hovering effect is not handled as :hover, but additional class, so I cannot check showing :hover effects on console. Now, If you make the div load and you click to the console for the hovered div you need, the div hides, removing the additional class I need to inspect. And even if I for example select first row, then go back to the textbox and re-initialize showing the div by writing, it overwrites, so the selected div disappeares, so cannot be selected on console. I have also tried CTRL+SHIFT+C while hovering, but it also hides the autocomplete box so I cannot inspect the class I have also tried to simply open the console by F12, but this will not select the row and also hides the div Far back, when Firefox still had a 3D view feature (miss that very much by the way, really helps developers see the structure of page), I was also able to do that, because the 3D view paused the page. So i hovered, initialized 3D view, and tadaa, I was able to click through dom in that paused state. I also use the DEV version of FF, so I am not able to try TILT addon, if it can do this. So any solution, how to puse the rendered page to be able go through the actual state in console? (of course, I did it like I remembered the class and write it to row of hidden - not yet removed - div, but this can not be the right solution, I look for all-cases solution) Thanks in advance