Bug Tracker

Opened 13 years ago

Closed 12 years ago

Last modified 8 years ago

#1135 closed bug (wontfix)

Doctype causing problems for animate() under IE7

Reported by: jspath Owned by: stefan
Priority: minor Milestone: 1.1.3
Component: interface Version: 1.1.2
Keywords: Cc:
Blocked by: Blocking:

Description (last modified by scott.gonzal)

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>

Change History (3)

comment:1 Changed 13 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.

comment:2 Changed 13 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.

comment:3 Changed 12 years ago by scott.gonzal

Description: modified (diff)
Resolution: → wontfix
Status: new → closed

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

Note: See TracTickets for help on using tickets.