Infobox Scrolling Causes IE to crash

Question

I have a weird situation.

We have an infobox that is displaying a div when the pushpin is clicked.

<div id="infoContent" style="overflow-y: scroll;height: 250px;">
 some dynamic content
<div>

When the content requires scrolling, if I click on the scroll-bar in the infobox IE crashes, every time. This ONLY happens if I am running in IE 7 Mode, it doesn't happen if I am running in IE 9 mode.

I have a feeling its related to something bubbling up and confusing the browser and in turn crashing the browser. We had the issue where if the user tried to use the mousewheel to scroll it would actually zoom the map. In IE 9 mode when I click the scrollbar and then move the cursor, it moves the map and I can never get it to "release" the map. It constantly moves the map wherever I move the mouse. For the pinwheel I fixed this by adding :

Microsoft.Maps.Events.addHandler(map, 'mousewheel', stopBubbling);

        function stopBubbling(e) {
            if (isInInfoBox) {
                e.handled = true;
            }
        }

This fixed the mousewheel issue but I have yet to get anything to stop the click or scroll on the infobox div. I tried adding handlers for onclick, onscroll and anything else I could try. No luck.

Any ideas?

Answer 1

Fixed by adding.

Microsoft.Maps.Events.addHandler(map, 'mousedown', stopBubbling);

Cheers!

Answer 2

Having this exact problem, (and am diving into the middle of someone else's project.. )

how did you populate your IsInInfobox attribute.