How do I use Chrome Web Developer to examine tipsy hover overs?

Question

I am trying to inspect the div element that appears for Tipsy hover-overs on this page in order to change the width of the popup. https://dl.dropbox.com/u/1531353/Misc/Docudocker/setups/tipsyCrashingApplication/force-html.html

However, when I press Shift+Ctrl+C, and then move my mouse to the Developer Elements panel, the Tipsy hover-over disappears, so I can't examine it any more.

How do I examine an element that only appears upon a hover-over effect in Chrome Web Developer?

I tried doing right click and select Inspect element but my browser hanged and the CPU utilization jumped to 100%. — Ravi Kadaboina, Apr 15 '12 at 00:43
haha same here. Wow, that was interesting. Perhaps I need to use more efficient algorithms. — dangerChihuahua007, Apr 15 '12 at 00:49

score 1 · Accepted Answer · answered Apr 15 '12 at 03:26

1

I am using Win 7. I used firebug & it showed that tooltips were using the tipsy.css try to navigate to your tipsy css & change the width attrib though i couldnt get the bottom part of the tooltip in right shape. Hope it helps enter image description here

answered Apr 15 '12 at 03:26

uday

8,544
4
30
54

How do I use Chrome Web Developer to examine tipsy hover overs?

1 Answers1