PDA

View Full Version : [NOREPRO] IE constrainHeader issue



Kouichi Odajima
13 Nov 2012, 3:45 PM
REQUIRED INFORMATION


Ext version tested:

Ext 4.1.1


Browser versions tested against:

IE10
IE9
IE8


DOCTYPE tested against:

4.01 Strict (with DTD URL)
4.01 Transitional (with DTD URL)


Description:

Window constrainHeader does not work on IE when DOCTYPE is declared with DTD URL.


Steps to reproduce the problem:

Run following code with IE.
Drag down the window over the browser frame.


The result that was expected:

Window constrained.


The result that occurs instead:

No constrain.


Test Case:




<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">





Ext.onReady(function () {
Ext.create("Ext.container.Viewport", {
style : "border : solid 1px black"
});
Ext.create("Ext.window.Window", {
constrainHeader : true,
width : 400,
height : 200
}).show();
});







HELPFUL INFORMATION


Debugging already done:

FireFox, Chrome, Safari, and Opera works.
IE works when DOCTYPE declaration removed.
IE also works when DTD URL removed from DOCTYPE declaration


Additional CSS used:

only default ext-all.css

evant
13 Nov 2012, 5:49 PM
I can't reproduce this, please see the attached screen cap:

http://screencast.com/t/eQDzvH4eD

Kouichi Odajima
13 Nov 2012, 6:20 PM
Here are full test case and screenshot.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<link rel="stylesheet" type="text/css" href="../extjs-4.1.1/resources/css/ext-all.css" />
<script type="text/javascript" src="../extjs-4.1.1/ext-all.js"></script>
<title>constrainHeader</title>
</head>


<body>


<script type="text/javascript">
Ext.onReady(function () {
Ext.create("Ext.container.Viewport", {
style : "border : solid 1px black"
});
Ext.create("Ext.window.Window", {
constrainHeader : true,
width : 400,
height : 200
}).show();
});
</script>


</body>
</html>

evant
13 Nov 2012, 6:29 PM
I still can't reproduce it. I copied your test case exactly, in both IE8/9 and the behaviour is the same as in my screen capture.

Kouichi Odajima
15 Nov 2012, 4:15 PM
I have made a clean install of en_windows_7_professional_vl_build_x86_dvd_x15-71033, reproduced.

IE Version: 8.0.7600.16385
Update Versions : 0


HTTP Response Header:


Key Value
Response HTTP/1.1 200 OK
Accept-Ranges bytes
Content-Type text/html
Content-Length 882
Last-Modified Wed, 14 Nov 2012 02:03:35 GMT
Server Jetty(8.0.3.v20111011)




Check Document Mode on IE Developer Tool (F12).
This problem can be reproduced with:


Quirks : NOT reproduced
IE7 Standards : NOT reproduced
IE8 Standards : reproduced
IE9 Standards : reproduced

Kouichi Odajima
18 Nov 2012, 3:39 PM
I'm afraid my description was bad.
Try drag and drop, not only drag.

ybwantao
26 Aug 2013, 5:09 PM
IE1045551

ybwantao
26 Aug 2013, 10:28 PM
45552

ybwantao
27 Aug 2013, 12:28 AM
you need drop it when in the bottom