Toolbars docked to left or right when used in an extended class, such as Ext.Panel, render incorrectly (top and bottom as well, but less noticeable). All other children of the container are pushed down to the bottom.
Steps to reproduce the problem:
Apply a card layout
Apply an Ext.Panel as an item with minor component (combobox) for good measure.
Apply an lbar to the extended panel with a button (with or without button makes no difference, but children help visually)
The result that was expected:
lbar should consume only the width required for its children
The result that occurs instead:
All child items (non-toolbar) are pushed to the bottom of the container minus some small height
The toolbar appears to fill from left to right as wel
HELPFUL INFORMATIONWe are transitioning a large application from 4.0.7 to 4.1.3Screenshot or Video:See this URL for live test case:http://Debugging already done:
Tested using VS2010.
Tested using Sencha Try 4.1.1
Tested lbar (broken).
Tested rbar (broken).
Tested tbar (worked but something was off).
Tested bbar (worked but something was off)
Removing all items from lbar (no change).
Creating instance of Ext.Panel rather than extending, which results in correct UI rendering.
Extended Ext.Window, and created instance of Ext.Panel as item, having the same UI as described above with card layout, panel child with children, and lbar with or without buttons in the parent panel, within the new window extension, which resulted in incorrect UI rendering