Why does my layout not extend to the bottom of the window when percentages or floats are used?

Question

When I am using width in percentage or float for a Sencha ExtJS panel, then set the left position and width in scientific notation by Sencha ExtJS, the layout stops before the bottom of the window is reached.

See this problem screenshot:

Please See here for Screenshot of this problem

I'm using ExtJS with the VB.NET framework on Chrome v52.

Can you please provide solution for this problem?

Can you please put some code or make jsfiddle which help us to understand your code better. — UDID, Aug 26 '16 at 10:56
I'm generated json (pageInfo) for sencha as dynamic . and shrink json with page. code for sencha render: ss.onReady(function() { document.body.id = 'editpage'; Ext.getBody().addCls('editPage'); PageDef = new ss.PageDefination(pageInfo) }); as per code i'm adding div width in percentage. and sencha added left position into scientific notation. like "left: 6.035654e+10px " also please note that this issue introduce in only chrome version 52. working fine with chrome older version. — Vishal Khunt, Aug 26 '16 at 11:39
yes, it is not compatible with chrome 52. but working fine with chrome 37. — Vishal Khunt, Aug 26 '16 at 11:55
If that is the case place this and check. I am referring from http://stackoverflow.com/questions/22059060/is-it-still-valid-to-use-ie-edge-chrome-1 — UDID, Aug 26 '16 at 11:59
thank you very much for your valuable response. and i'll try some tags with meta tag. — Vishal Khunt, Aug 26 '16 at 12:10
I tried all meta tags, but still getting same problem. can you please provide some other solution ? — Vishal Khunt, Aug 26 '16 at 12:28
Ok, Also make sure that There is no css and js part before meta tag. I will try get back to u with some other solution. — UDID, Aug 26 '16 at 12:42
Can you reproduce this in Sencha Fiddle? Is the problem still there in Chrome 53? — Gašper, Sep 12 '16 at 11:17
No, this is working fine with chrome 53 version, but still getting same problem in chrome 52. i think this is chrome version problem. — Vishal Khunt, Sep 13 '16 at 05:53
One solution for this problem is,update your browser from version 52 to version 53. and Sencha Extjs Working Fine. — Vishal Khunt, Sep 16 '16 at 06:04

score 0 · Accepted Answer · edited Mar 04 '22 at 15:47

I changed the below function in ext-all-debug.js

beforeSetPosition: function (x, y, animate) {
    var pos, x0;

    //change start here
    x = parseInt(x);
    y = parseInt(y);
    //change end here        

    if (!x || Ext.isNumber(x)) {
        pos = { x: x, y : y, anim: animate };
    } else if (Ext.isNumber(x0 = x[0])) { 
        pos = { x : x0, y : x[1], anim: y };
    } else {
        pos = { x: x.x, y: x.y, anim: y }; 
    }

    pos.hasX = Ext.isNumber(pos.x);
    pos.hasY = Ext.isNumber(pos.y);

    
    this.x = pos.x;
    this.y = pos.y;

    return (pos.hasX || pos.hasY) ? pos : null;
},

instead of

beforeSetPosition: function (x, y, animate) {
    var pos, x0;
    
    if (!x || Ext.isNumber(x)) {
        pos = { x: x, y : y, anim: animate };
    } else if (Ext.isNumber(x0 = x[0])) { 
        pos = { x : x0, y : x[1], anim: y };
    } else {
        pos = { x: x.x, y: x.y, anim: y }; 
    }

    pos.hasX = Ext.isNumber(pos.x);
    pos.hasY = Ext.isNumber(pos.y);

    
    this.x = pos.x;
    this.y = pos.y;

    return (pos.hasX || pos.hasY) ? pos : null;
},

score 0 · Answer 2 · edited Jan 27 '17 at 08:17

0

You have to change the parseInt value of x and y. Otherwise you need to update your browser above 52 version of chrome.

edited Jan 27 '17 at 08:17

Right leg

16,080
7
48
81

answered Nov 25 '16 at 09:47

Malay Dave

115
1
2
16

Why does my layout not extend to the bottom of the window when percentages or floats are used?

2 Answers2