Skip to main content

Bug Tracker

Side navigation

#1014 closed bug (wontfix)

Opened March 01, 2007 04:35PM UTC

Closed March 31, 2008 02:13AM UTC

Last modified March 15, 2012 05:38PM UTC

Highlight effect not working correctly in IE

Reported by: thecrumb Owned by: stefan
Priority: minor Milestone: 1.1.3
Component: interface Version: 1.1.2
Keywords: highlight Cc:
Blocked by: Blocking:
Description

Highlight effect does not appear to work correctly in IE6/7 (WinXP).

Interface demo site:

  • Works fine in Firefox: blinks to white and the fades into green.
  • In IE: It blinks white, fades into green and then turns white again.
Attachments (0)
Change History (3)

Changed March 31, 2007 03:01PM UTC by uk comment:1

i experiend this bug either. firefox works fine, msie turns white after a short period after the effect.

Changed April 12, 2007 09:39PM UTC by cyberusfaust comment:2

After tinkering around with this, it appears that right after the call, the browser thinks the background-color of the element is still the same as the highlight color. Even Firefox does this, however, Firefox then sets back to the original color while IE6 hangs there... therefore I wrote my Highlight script as follows:

$(currentName).Highlight('normal','#f8e076');

if($(currentName).css('background-color') == '#f8e076')

{

$(currentName).Highlight('fast', '#ffffff');

}

where #ffffff is the original base color and #f8e076 is the highlight color.

note the lowercase letters in the color definitions! IE6 rewrites the definitions to lowercase internally. Therefore, if you write:

$(currentName).Highlight('normal','#F8E076');

if($(currentName).css('background-color') == '#F8E076')

{

$(currentName).Highlight('fast', '#FFFFFF');

}

IE will not register the boolean statement in the 'if' clause as true. Basically, it parses this internally to "if('#f8e076' == '#F8E076')", which is, of course, never true. Thus, I now write all my color definitions in lowercase.

As an aside, when the color is #f8e076, Firefox equates $(currentName).css('background-color') as "rgb(248, 224, 118)" but you don't need to test for this since the Highlight function works just fine on Firefox.

Furthermore, if I use color names instead of HEX values ('yellow' instead of '#FFFF00') IE6 internalizes this as "yellow" while Firefox internalizes it as "rgb(255, 255, 0)". Using color names, however does not fix the bug in IE6 though. You would still need an if clause such as: "if($(currentName).css('background-color') == 'yellow')" and then to change the background-color back to the base color by force.

Changed March 31, 2008 02:13AM UTC by scott.gonzal comment:3

description: Highlight effect does not appear to work correctly in IE6/7 (WinXP).\ \ Interface demo site:\ - Works fine in Firefox: blinks to white and the fades into green.\ - In IE: It blinks white, fades into green and then turns white again.\ \ Highlight effect does not appear to work correctly in IE6/7 (WinXP). \ \ Interface demo site: \ - Works fine in Firefox: blinks to white and the fades into green. \ - In IE: It blinks white, fades into green and then turns white again. \ \
need: → Review
resolution: → wontfix
status: newclosed

Interface is no longer supported; consider switching to jQuery UI.