TIMEPLOT: Relying on IE7 quirks-mode rendering for history event hover and click

Arjunsos / simile-widgets

Automatically exported from code.google.com/p/simile-widgets

0 stars 0 forks source link

TIMEPLOT: Relying on IE7 quirks-mode rendering for history event hover and click #41

Open GoogleCodeExporter opened 9 years ago

GoogleCodeExporter commented 9 years ago

1. Take a normal/reference timeline page, view it in IE and note that the
orange box on-hover highlight shows on history events; and you can click on
them to display the popup info box.
2. Change the doctype to one which will put IE7 into strict mode rendering,
insted of quirks mode rendering, e.g. <!DOCTYPE html PUBLIC "-//W3C//DTD
XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Note that when IE7 is in strict mode, it won't render the on hover events
and you can't click on the history events to bring up the popup.

Example in the wild: http://test.musicbrainz.org/show/stats/timeline.html

If there's a workaround for this short of changing doctypes, I'd love to
hear about it.

Original issue reported on code.google.com by voiceins...@gmail.com on 23 Nov 2008 at 1:55

GoogleCodeExporter commented 9 years ago

My bad, please s/timeline/timeplot in the above text and description.

Original comment by voiceins...@gmail.com on 23 Nov 2008 at 1:59

GoogleCodeExporter commented 9 years ago

Changed subject to TIMEPLOT per poster's request.

Original comment by larryklu...@gmail.com on 24 Nov 2008 at 5:57

Changed title: TIMEPLOT: Relying on IE7 quirks-mode rendering for history event hover and click

GoogleCodeExporter commented 9 years ago

I don't know that this can be fixed.  It's IE, some amount of fudging is to be
expected - there was a time where Timeplot didn't function in IE at all.

Original comment by ryan...@csail.mit.edu on 15 Jan 2009 at 8:50

GoogleCodeExporter commented 9 years ago

Original comment by stefano.mazzocchi@gmail.com on 25 Mar 2009 at 6:42

Changed state: Accepted

GoogleCodeExporter commented 9 years ago

Original comment by stefano.mazzocchi@gmail.com on 25 Mar 2009 at 7:01

Added labels: Project-Timeline

GoogleCodeExporter commented 9 years ago

I understand that fudging is always required with IE, but I guess it'd be 
preferred
if that fudging could be done with the integration of timeplot to the 
surrounding
site; and not require a particular doctype to be functional. Maybe I'm living 
in a
perfect world though :)

FWIW: the example has been live for a while now, at
http://musicbrainz.org/show/stats/timeline.html). Linkback to bug on MB:
http://bugs.musicbrainz.org/ticket/4059

Original comment by voiceins...@gmail.com on 8 Apr 2009 at 8:16

GoogleCodeExporter commented 9 years ago

This fix worked for me: Add z-index values in timeplot.css...the event-boxes 
get lost
behind the main canvas in IE7 strict mode...

.timeplot-event-box {
    cursor: pointer;
    z-index: 200;
}

.timeplot-event-box-highlight {
    border: 2px solid #FFB03B;
    z-index: 500;
}

Original comment by johnmapi...@gmail.com on 18 Apr 2009 at 10:04

GoogleCodeExporter commented 9 years ago

[deleted comment]

GoogleCodeExporter commented 9 years ago

Thanks a lot, johnmapierre. That's great. Should make it not-too-hard to fix in 
the
default as well.

Original comment by voiceins...@gmail.com on 7 May 2009 at 9:15