Ticket #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: | |
| Blocking: | Blocked by: |
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
comment:2 in reply to: ↑ 1 Changed 3 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.)
Please follow the bug reporting guidlines and use jsFiddle when providing test cases and demonstrations instead of pasting the code in the ticket.
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.