Hi,
I came across a weird issue with the dialogs on the site that I'm working on. I'm working on making the site cross-browser compatible, and noticed that
I cannot move or resize any dialogs across the entire site in IE9. This functionality works fine in FF, Safari, and earlier versions of IE. To make things more interesting, the demo on the jQueryUI site has no problem - even in IE9 - so the problem is apparently specific to our site and IE9.
I fear that it will be hard to diagnose without posting the entire page, so before I resort to that, I'm wondering if anyone has had a similar issue or has any ideas why this would happen?
Thanks for the help!
-Sean
Well, I came up with a very simplified example to test, which still doesn't work in IE9 on our site. I'm wondering if it may have to do with our custom theme... Any help is much appreciated!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Dialog Test</title>
<link rel="shortcut icon" href="favicon.ico">
<!--<link href="css/MainPageStyle.css" rel="stylesheet" type="text/css" />-->
<link href="css/le-frog/jquery-ui-1.8.2.custom.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript">
$(function () {
$("#dialog-content").dialog({
});
});
</script>
</head>
<body>
<div id="dialog-content">
This is a really lame dialog. Really. It can't move in IE9.
</div>
</body>