Bug Tracker

Opened 10 years ago

Closed 9 years ago

#5746 closed bug (worksforme)

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>

Change History (4)

comment:1 Changed 10 years ago by dmethvin

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.

comment:2 in reply to:  1 Changed 10 years ago by BlakFlak

Replying to 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.)

comment:3 Changed 10 years ago by BlakFlak

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

comment:4 Changed 9 years ago by dmethvin

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.

Note: See TracTickets for help on using tickets.