Skip to main content

Bug Tracker

Side navigation

#5746 closed bug (worksforme)

Opened January 04, 2010 04:16PM UTC

Closed September 28, 2010 01:17AM UTC

Glitch when calling fadeOut() with light gray text

Reported by: BlakFlak Owned by:
Priority: major Milestone: 1.4
Component: effects Version: 1.3.2
Keywords: gray, fadout, green Cc:
Blocked by: Blocking:
Description

When you call fadeOut to an element with light gray text (appears to be anything above or around #999999) it turns green and then glitches a bit before fading out.

Code:

<html>

<head>

<script type="text/javascript" src="/js/jquery.js"></script>

<script type="text/javascript">

function fade_it() {

$("#fade_element").fadeOut();

}

</script>

</head>

<body>

<div id="fade_element" style="color: #999999;">

When you click the link, this text will turn green and glitch before fading out.

</div>

<br />

<a href="javascript:fade_it();">Click here.</a>

</body>

</html>

Attachments (0)
Change History (4)

Changed January 05, 2010 12:17AM UTC by dmethvin comment:1

component: unfilledfx

I see this in Firefox 3.5 with both 1.3.2 and 1.4a2, but not on IE8, Opera, or Safari. It doesn't happen on Firefox if the inline style is removed.

Changed January 05, 2010 03:13AM UTC by BlakFlak comment:2

Replying to [comment:1 dmethvin]:

I see this in Firefox 3.5 with both 1.3.2 and 1.4a2, but not on IE8, Opera, or Safari. It doesn't happen on Firefox if the inline style is removed.

It works great with darker values (e.g. #333333.) Even if you create a CSS class for it with #999999 and remove the inline element, it still does the same.

I believe it may have to do with a recent Firefox update, as I've had this code on my site since Firefox 3.0 came out and just recently noticed it (although, I haven't worked on my site for nearly a year, so it could have been any one of the updates made within that period of time.)

Changed January 12, 2010 09:56PM UTC by BlakFlak comment:3

I have found a way to fix the flicker. Simply set the background color of the element to white, and it will fade normally.

Changed September 28, 2010 01:17AM UTC by dmethvin comment:4

resolution: → worksforme
status: newclosed

I have seen this happen all over the place with Firefox. I've seen it happen with Google Instant. So I don't think it's a jQuery issue.