views:

29

answers:

1

I'm using Visual Studio 2008 Professional Edition SP1 & IE8. When I hit a breakpoint in a JavaScript file that's triggered when an item in a dropdown is selected the dev environment takes focus, but the dropdown list is still visible, hovering over the code. This makes it very unreadable! Does anyone have any idea what's causing this? Or how it can be fixed?

+4  A: 

When you pause IE in the Javascript debugger, the entire process is paused.

Therefore, it cannot handle Windows messages and hide the dropdown (which is a topmost borderless window).

You can solve this by running the code (and pausing IE) after the dropdown is closed.
To do that, you can wrap your code in setTimeout(function() { ... }, 10);.
Note that that may change the behavior of the code.

The best solution is to get a second monitor and put IE on one monitor and the debugger in the other monitor.

Every developer should have (at least) two monitors.

SLaks
The problem is his dropdown box from the browser is still displaying on top of his Visual Studio IDE, it's a display bug.
Shawn Steward
It isn't a display bug. The window containing the dropdown list has not been hidden. You should be able to see the window in Spy++.
SLaks
And +1 for "Every developer should have (at least) two monitors!
Shawn Steward
I just figured the IE window shouldn't be displaying on top of your Visual Studio IDE, but I'll take your word for it. I never noticed this issue but I use 2 monitors.
Shawn Steward
Dropdown lists are topmost.
SLaks
+1 I'm going to send the link to the SysAdmins. We've been arguing for second monitors for a long time now, but the arguments are falling on deaf ears! Hopefully this will help convince them.
DaveDev