The problem happens when the user has scrolled the window - Simile clears the
popup before the event can bubble up to the link element.
The problem is that the vertical scroll offset is not being taken into account
in IE.
Modern doctypes and IE8 can cause issues.
I think this should work:
SimileAjax.DOM.getEventPageCoordinates = function(evt) {
if (SimileAjax.Platform.browser.isIE) {
if (document.documentElement) {
// use document.documentElement instead of body with doctype 4.01+ or
xhtml
return {
x: evt.clientX + document.documentElement.scrollLeft,
y: evt.clientY + document.documentElement.scrollTop
};
}
else {
return {
x: evt.clientX + document.body.scrollLeft,
y: evt.clientY + document.body.scrollTop
};
}
} else {
return {
x: evt.pageX,
y: evt.pageY
};
}
};
--Mike
On Sep 9, 2011, at 3:02 PM, Steve Shaw wrote:
> Hi,
>
> I've inherited a system that uses the timeline package to display a
> timeline. I've been wrestling with a bug in IE 8 where the link in a
> pop-up bubble cannot be clicked. After a few hours, I've narrowed it
> down to a specific problem: if the timeline div does not appear on the
> page originally (in other words, it has to be scrolled to), then the
> pop-up bubble links do not work.
>
> I've put two examples up:
> - http://steveshaw.ca/samples/TimelinePage.html works for me in IE8
> - http://steveshaw.ca/samples/TimelinePageBroken.html does not work in
> IE 8
>
> These are simplified from the code I'm actually using but demonstrate
> the problem.
>
> The only difference between the pages is the height of the spacer div
> - in the working example, it's 500px and in the broken example it's
> 900 px. That's enough on my current setup to force a scroll to see the
> timeline. When I try to click on the link in the pop-up, nothing
> happens (except the pop-up disappearing). If I view the broken page
> with a "tall" screen I don't see the error.
>
> Another way to recreate the error is to resize the browser to a
> smaller screen and load the working page. It no longer works once I
> scroll to the div containing the timeline.
>
> Both pages work as expected in Firefox.
>
> Any ideas or suggestions?
> -Steve
>
> p.s. there's no way I would believe this error report without seeing a
> working example. I really hope it's not some artifact of my installed
> browser.
--
You received this message because you are subscribed to the Google Groups
"SIMILE Widgets" group.
To post to this group, send email to [email protected].
To unsubscribe from this group, send email to
[email protected].
For more options, visit this group at
http://groups.google.com/group/simile-widgets?hl=en.
