1. #11
    Ext JS Premium Member
    Join Date
    Sep 2011
    Posts
    62
    Vote Rating
    0
    ExtJSNinjas is on a distinguished road

      0  

    Default more info

    more info


    No, it is not an anchor layout. We have a complex layout containing nested border layouts, basically.

    In regards to the "should not set width" errors...

    It looks like this line in finishAxis is having an issue; it is trying to subtract a number from NaN (this is triggered from layout.calculate(ownerContext), which calls calculate. See below - size is NaN

    center['set' + axis.sizePropCap](size - center.getMarginInfo()[axis.sizeProp]);

  2. #12
    Ext JS Premium Member
    Join Date
    Sep 2011
    Posts
    62
    Vote Rating
    0
    ExtJSNinjas is on a distinguished road

      0  

    Default layout tree

    layout tree


    How do I retrieve the layout tree? I do see what appears to be a tree-like structure after the "FAILURE" statements in the console. Is that what you are looking for?

    Thanks.

  3. #13
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,512
    Vote Rating
    176
    dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of

      0  

    Default


    Quote Originally Posted by ExtJSNinjas View Post
    In regards to the "should not set width" errors...

    It looks like this line in finishAxis is having an issue; it is trying to subtract a number from NaN (this is triggered from layout.calculate(ownerContext), which calls calculate. See below - size is NaN

    center['set' + axis.sizePropCap](size - center.getMarginInfo()[axis.sizeProp]);
    NaN propagation is actually valid during a layout. It was much easier than explicitly testing every piece of a calculation, so we tend to test the results in a few key places. When a width or height is NaN, we recognize that the calculation is not complete and don't signal layouts that want those values.

    When a layout does not complete its calculations, we set the "done" flag to false before returning from the "calculate" method and that layout will be rescheduled later.
    Don Griffin
    Engineering Manager - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "Use the source, Luke!"

  4. #14
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,512
    Vote Rating
    176
    dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of

      0  

    Default


    Quote Originally Posted by ExtJSNinjas View Post
    No, it is not an anchor layout. We have a complex layout containing nested border layouts, basically.
    Is this a class derived from Ext.layout.container.Container ? Or just a configuration of border layouts?
    Don Griffin
    Engineering Manager - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "Use the source, Luke!"

  5. #15
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,512
    Vote Rating
    176
    dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of

      0  

    Default


    Quote Originally Posted by ExtJSNinjas View Post
    How do I retrieve the layout tree? I do see what appears to be a tree-like structure after the "FAILURE" statements in the console. Is that what you are looking for?

    Thanks.
    Yes, that is the layout tree. It contains entries for every running layout and the properties it is consuming. You can post it if you like. That will probably help me understand what is happening.
    Don Griffin
    Engineering Manager - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "Use the source, Luke!"

  6. #16
    Ext JS Premium Member
    Join Date
    Sep 2011
    Posts
    62
    Vote Rating
    0
    ExtJSNinjas is on a distinguished road

      0  

    Default


    Quote Originally Posted by dongryphon View Post
    Is this a class derived from Ext.layout.container.Container ? Or just a configuration of border layouts?
    Yes. Our viewport has a layout of fit, and a child panel with a border layout (we had to do it this way with one level of nesting). Our main center panel is highly dynamic, with various controls (grids, trees, forms, etc) being destroyed and created, as needed.

  7. #17
    Ext JS Premium Member
    Join Date
    Sep 2011
    Posts
    62
    Vote Rating
    0
    ExtJSNinjas is on a distinguished road

      0  

    Default


    Quote Originally Posted by dongryphon View Post
    Yes, that is the layout tree. It contains entries for every running layout and the properties it is consuming. You can post it if you like. That will probably help me understand what is happening.
    Will do. Alternatively, is there a way to submit this to you privately? Thanks.

  8. #18
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,512
    Vote Rating
    176
    dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of

      0  

    Default


    Quote Originally Posted by ExtJSNinjas View Post
    Yes.
    Yes = derived from Ext.layout.container.Container?

    or

    Yes = configuration of border layouts?

    Don Griffin
    Engineering Manager - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "Use the source, Luke!"

  9. #19
    Sencha - Ext JS Dev Team dongryphon's Avatar
    Join Date
    Jul 2009
    Location
    Kansas
    Posts
    1,512
    Vote Rating
    176
    dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of dongryphon has much to be proud of

      0  

    Default


    Quote Originally Posted by ExtJSNinjas View Post
    Will do. Alternatively, is there a way to submit this to you privately? Thanks.
    If there is sensitive content, we can go that way. Otherwise, the discussion will probably help others.
    Don Griffin
    Engineering Manager - Frameworks (Ext JS / Sencha Touch)

    Check the docs. Learn how to (properly) report a framework issue and a Sencha Cmd issue

    "Use the source, Luke!"

  10. #20
    Ext JS Premium Member
    Join Date
    Sep 2011
    Posts
    62
    Vote Rating
    0
    ExtJSNinjas is on a distinguished road

      0  

    Default


    Quote Originally Posted by dongryphon View Post
    If there is sensitive content, we can go that way. Otherwise, the discussion will probably help others.
    Here's the console output from one screen (content is dynamically added):

    [E] ----------------- FAILURE -----------------
    ext-all-dev.js:6570++vp<fit> - size: configured/configured
    ext-all-dev.js:6570 ++vpPanel<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++nb<autocomponent> [isBoxParent] - boxChildren: undefined/4 - size: calculated/configured
    ext-all-dev.js:6570 ++nb<hbox> [isBoxParent] - boxChildren: undefined/4 - size: calculated/configured
    ext-all-dev.js:6570 ++tbfill-1023<autocomponent> [isBoxParent] - size: calculated/configured
    ext-all-dev.js:6570 ++button-1024<button> [isBoxParent] - boxParent: nb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++tbspacer-1025<autocomponent> [isBoxParent] - size: configured/shrinkWrap
    ext-all-dev.js:6570 ++button-1026<button> [isBoxParent] - boxParent: nb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++tbspacer-1027<autocomponent> [isBoxParent] - size: configured/shrinkWrap
    ext-all-dev.js:6570 ++mailStatus<button> [isBoxParent] - boxParent: nb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++tbspacer-1028<autocomponent> [isBoxParent] - size: configured/shrinkWrap
    ext-all-dev.js:6570 ++button-1029<button> [isBoxParent] - boxParent: nb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++vpPanel<container> - size: calculated/calculated
    ext-all-dev.js:6570 ++bb<dock> - size: calculated/configured
    ext-all-dev.js:6570 ++bb<container> - size: calculated/configured
    ext-all-dev.js:6570 ++panel-1036<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++panel-1036<fit> - size: calculated/calculated
    ext-all-dev.js:6570 ++panel-1037<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++toolbar-1030<autocomponent> [isBoxParent] - boxChildren: undefined/4 - size: calculated/configured
    ext-all-dev.js:6570 ++toolbar-1030<hbox> [isBoxParent] - boxChildren: undefined/4 - size: calculated/configured
    ext-all-dev.js:6570 ++tbfill-1031<autocomponent> [isBoxParent] - size: calculated/configured
    ext-all-dev.js:6570 ++tbtext-1032<autocomponent> [isBoxParent] - boxParent: toolbar-1030 - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++tbtext-1033<autocomponent> [isBoxParent] - boxParent: toolbar-1030 - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++button-1034<button> [isBoxParent] - boxParent: toolbar-1030 - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++button-1035<button> [isBoxParent] - boxParent: toolbar-1030 - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++panel-1037<autocontainer> - size: calculated/calculated
    ext-all-dev.js:6570 ++mc<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++mc<container> - size: calculated/calculated
    ext-all-dev.js:6570 ++nav<dock> - size: configured/calculated
    ext-all-dev.js:6570 ++nav<container> - size: configured/calculated
    ext-all-dev.js:6570 ++navtb<dock> - boxChildren: undefined/6 - size: calculated/configured
    ext-all-dev.js:6570 ++navtb<autocontainer> - boxChildren: undefined/6 - size: calculated/configured
    ext-all-dev.js:6570 ++toolbar-1045<autocomponent> - boxParent: navtb - size: natural/configured
    ext-all-dev.js:6570 ++toolbar-1045<hbox> - boxParent: navtb - size: natural/configured
    ext-all-dev.js:6570 ++nb-1040<button> [isBoxParent] - boxParent: navtb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++nb-1041<button> [isBoxParent] - boxParent: navtb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++nb-1042<button> [isBoxParent] - boxParent: navtb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++nb-1043<button> [isBoxParent] - boxParent: navtb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++nb-1044<button> [isBoxParent] - boxParent: navtb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++tbfill-1046<autocomponent> [isBoxParent] - size: calculated/configured
    ext-all-dev.js:6570 ++button-1038<button> [isBoxParent] - boxParent: navtb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++bp<dock> - boxParent: navtb - size: natural/configured
    ext-all-dev.js:6570 ++bp<autocontainer> - boxParent: navtb - size: natural/configured
    ext-all-dev.js:6570 ++label-1047<autocomponent> - boxParent: bp - size: natural/shrinkWrap
    ext-all-dev.js:6570 ++navp<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++navp<card> - size: calculated/calculated
    ext-all-dev.js:6570 ++mt<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++toolbar-1070<autocomponent> [isBoxParent] - boxChildren: undefined/2 - size: calculated/shrinkWrap
    ext-all-dev.js:6570 ++toolbar-1070<hbox> [isBoxParent] - boxChildren: undefined/2 - size: calculated/shrinkWrap
    ext-all-dev.js:6570 ++tbtext-1071<autocomponent> [isBoxParent] - boxParent: toolbar-1070 - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++navigationButton<button> [isBoxParent] - boxParent: toolbar-1070 - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++headercontainer-1067<autocomponent> [isBoxParent] - size: calculated/configured
    ext-all-dev.js:6570 ++headercontainer-1067<gridcolumn> [isBoxParent] - size: calculated/configured
    ext-all-dev.js:6570 ++treecolumn-1068<columncomponent> [isBoxParent] - size: configured/shrinkWrap
    ext-all-dev.js:6570 ++mt<fit> - size: calculated/calculated
    ext-all-dev.js:6570 ++treeview-1069<autocomponent> - size: calculated/calculated
    ext-all-dev.js:6570 ++panel-1048<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++panel-1048<container> - size: calculated/calculated
    ext-all-dev.js:6570 ++cp<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++cp<card> - size: calculated/calculated
    ext-all-dev.js:6570 ++cxts<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++toolbar-1073<autocomponent> [isBoxParent] - boxChildren: undefined/6 - size: calculated/configured
    ext-all-dev.js:6570 ++toolbar-1073<hbox> [isBoxParent] - boxChildren: undefined/6 - size: calculated/configured
    ext-all-dev.js:6570 ++button-1074<button> [isBoxParent] - boxParent: toolbar-1073 - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++button-1075<button> [isBoxParent] - boxParent: toolbar-1073 - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++button-1076<button> [isBoxParent] - boxParent: toolbar-1073 - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++button-1077<button> [isBoxParent] - boxParent: toolbar-1073 - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++button-1078<button> [isBoxParent] - boxParent: toolbar-1073 - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++button-1079<button> [isBoxParent] - boxParent: toolbar-1073 - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++cxts<container> - size: calculated/calculated
    ext-all-dev.js:6570 ++ks-1081<dock> - size: configured/calculated
    ext-all-dev.js:6570 ++ks-1081<fit> - size: configured/calculated
    ext-all-dev.js:6570 ++kgr<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++kgr<container> - size: calculated/calculated
    ext-all-dev.js:6570 ++inb<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++inb_pb<autocomponent> [isBoxParent] - boxChildren: undefined/2 - size: calculated/shrinkWrap
    ext-all-dev.js:6570 ++inb_pb<hbox> [isBoxParent] - boxChildren: undefined/2 - size: calculated/shrinkWrap
    ext-all-dev.js:6570 ++button-1108<button> [isBoxParent] - boxParent: inb_pb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++tbfill-1109<autocomponent> [isBoxParent] - size: calculated/configured
    ext-all-dev.js:6570 ++gearButton_inb<button> [isBoxParent] - boxParent: inb_pb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++inb_bb<autocomponent> [isBoxParent] - boxChildren: undefined/6 - size: calculated/shrinkWrap
    ext-all-dev.js:6570 ++inb_bb<hbox> [isBoxParent] - boxChildren: undefined/6 - size: calculated/shrinkWrap
    ext-all-dev.js:6570 ++tbtext-1091<autocomponent> [isBoxParent] - boxParent: inb_bb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++inb_src<autocomponent> [isBoxParent] - boxParent: inb_bb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++tbtext-1092<autocomponent> [isBoxParent] - boxParent: inb_bb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++inb_prsn<autocomponent> [isBoxParent] - boxParent: inb_bb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++tbtext-1093<autocomponent> [isBoxParent] - boxParent: inb_bb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++inb_trc<autocomponent> [isBoxParent] - boxParent: inb_bb - size: shrinkWrap/shrinkWrap
    ext-all-dev.js:6570 ++headercontainer-1110<autocomponent> [isBoxParent] - size: calculated/shrinkWrap
    ext-all-dev.js:6570 ++headercontainer-1110<gridcolumn> [isBoxParent] - size: calculated/shrinkWrap
    ext-all-dev.js:6570 ++gridcolumn-1130<columncomponent> [isBoxParent] - size: configured/calculated
    ext-all-dev.js:6570 ++gridcolumn-1112<columncomponent> [isBoxParent] - size: configured/calculated
    ext-all-dev.js:6570 ++gridcolumn-1113<columncomponent> [isBoxParent] - size: configured/shrinkWrap
    ext-all-dev.js:6570 ++gridcolumn-1114<columncomponent> [isBoxParent] - size: configured/shrinkWrap
    ext-all-dev.js:6570 ++gridcolumn-1115<columncomponent> [isBoxParent] - size: configured/shrinkWrap
    ext-all-dev.js:6570 ++inb<fit> - size: calculated/calculated
    ext-all-dev.js:6570 ++gridview-1116<autocomponent> - size: calculated/calculated
    ext-all-dev.js:6570 ++ks-1081-splitter<autocomponent> - size: configured/calculated
    ext-all-dev.js:6570 ++k132502842261740474<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++k132502842261740474<card> - size: calculated/calculated
    ext-all-dev.js:6570 ++sel-1117<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++sel-1117<fit> - size: calculated/calculated
    ext-all-dev.js:6570 ++frm-1118<dock> - size: calculated/calculated
    ext-all-dev.js:6570 ++frm-1118<anchor> - size: calculated/calculated
    ext-all-dev.js:6570 --kv-1124<fit> - size: calculated/calculated
    ext-all-dev.js:6570 triggeredBy: count=2
    ext-all-dev.js:6570 kv-1124-bodyEl.height () dirty: false, setBy: ?
    ext-all-dev.js:6570 kv-1124-bodyEl.width (1269) dirty: false, setBy: kv-1124<fieldcontainer>
    ext-all-dev.js:6570 --kvitem-1125<dock> - size: calculated/calculated
    ext-all-dev.js:6570 triggeredBy: count=2
    ext-all-dev.js:6570 kvitem-1125.height () dirty: false, setBy: ?
    ext-all-dev.js:6570 kvitem-1125.width (1269) dirty: false, setBy: kv-1124<fit>
    ext-all-dev.js:6570 ++kvitem-1125<fit> - size: calculated/calculated
    ext-all-dev.js:6570 ++kds-1120<field> - size: calculated/shrinkWrap
    ext-all-dev.js:6570 ++kstr-1122<textfield> - size: calculated/shrinkWrap
    ext-all-dev.js:6570 ++kstr-1123<textfield> - size: calculated/shrinkWrap
    ext-all-dev.js:6570 ++kv-1124<fieldcontainer> - size: calculated/calculated