Opened 13 years ago
Closed 12 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 follow-up: 2 Changed 13 years ago by
| Component: | unfilled → fx |
|---|
comment:2 Changed 13 years ago by
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 13 years ago by
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 12 years ago by
| Resolution: | → worksforme |
|---|---|
| Status: | new → closed |
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.
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.