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:

Code:

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

Code:

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.

Code:

<!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.

IE constrainHeader issue

Thread Tools

Search Thread

Display

Hybrid View

IE constrainHeader issue

IE constrainHeader issue