Bug Tracker

Ticket #1135 (closed bug: wontfix)

Opened 2 years ago

Last modified 9 months ago

Doctype causing problems for animate() under IE7

Reported by: jspath Assigned to: stefan
Type: bug Priority: minor
Milestone: 1.1.3 Component: interface
Version: 1.1.2 Keywords:
Cc: Needs: Review

Description (last modified by scott.gonzal) (diff)

If you try the following HTML in IE7 and click the link to animate the text in the div to the color blue, the background color of the div seems to dissapear.

I did some testing and have determined that this problem only occurs when you include any doctype. Also, this problem does not occur in Firefox or IE6. 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<style>
#foo {
 background-color:red;
}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="interface.js"></script>
</head>
<body>
<div id="foo">
  foo
</div>
<br /><br />
<a href="#" id="link">here</a>
<script>
$("#link").click(function(){
 $('#foo').animate({color: 'blue'}, 100);
 return false;
});
</script>
</body>
</html>

Attachments

Change History

Changed 2 years ago by jspath

I did some thorough debugging and was able to identify the exact statement which is causing the problem in ifx.js 

y.overflow = oldOverflow;

I have yet to determine why this is causing the problem or what can be done about it.

Changed 2 years ago by jspath

If I comment out 

y.overflow = 'hidden';

or 

y.overflow = oldOverflow;

It seems to function as expected, although I would guess those statements are needed for other animation types.

Changed 9 months ago by scott.gonzal

  • status changed from new to closed
  • resolution set to wontfix
  • description changed from If you try the following HTML in IE7 and click the link to animate the text in the div to the color blue, the background color of the div seems to dissapear. I did some testing and have determined that this problem only occurs when you include ''any'' doctype. Also, this problem does not occur in Firefox or IE6. {{{ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> #foo { background-color:red; } </style> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="interface.js"></script> </head> <body> <div id="foo"> foo </div> <br /><br /> <a href="#" id="link">here</a> <script> $("#link").click(function(){ $('#foo').animate({color: 'blue'}, 100); return false; }); </script> </body> </html> }}} to If you try the following HTML in IE7 and click the link to animate the text in the div to the color blue, the background color of the div seems to dissapear. I did some testing and have determined that this problem only occurs when you include ''any'' doctype. Also, this problem does not occur in Firefox or IE6. {{{ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <style> #foo { background-color:red; } </style> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="interface.js"></script> </head> <body> <div id="foo"> foo </div> <br /><br /> <a href="#" id="link">here</a> <script> $("#link").click(function(){ $('#foo').animate({color: 'blue'}, 100); return false; }); </script> </body> </html> }}}

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

Note: See TracTickets for help on using tickets.