[6.2.1.167] Component resizer is buggy sporadically

[vadimv]

In below fiddle the Resizer is used without a splitter in a Border layout. When the user clicks on the panel header just to preview the panel content, and then tries to resize that panel (the panel is in preview/slide in mode always ), sometimes the resizer is messing the content by detaching the panel from the header. Sometimes it just stuck expanded.

Note that these issues don't happen when the panel is expanded (when is not in preview/float mode ).

https://fiddle.sencha.com/#view/editor&fiddle/1oe2

resize.gif


I've been trying to disable the resizer while it's in preview mode, and enable it only when is expanded. Below code works fine, the resizer is disabled, but while trying to resize the panel, and releasing the mouse the window resize itself, which it shouldn't. If I change the resizable config on the window to false (thus disable it on the window) then it's ok, everything works as expected.

{
                title: 'South Region is resizable',
                region: 'east', // position for region
                xtype: 'panel',
                width: 100,
                resizable: true,
                collapsible: true,
                border: true,
                resizable: {
                    disabled: true,
                    handles: 'w'
                },
                listeners: {
                    beforecollapse: function (cmp) {
                        if (cmp.resizer) {
                            cmp.resizer.disable();
                        }
                    },
                    beforeexpand: function (cmp) {
                        if (cmp.resizer) {
                            cmp.resizer.enable();
                        }
                    }
                }
            }

resize-window.gif

[vadimv]

So we've fixed this behavior with other solution. Below css will disable the resizer for slide in/preview mode, while having it enabled when the panel is expanded.

.#{$prefix}border-region-slide-in .#{$prefix}resizable-handle-west {
  z-index: -1000;
}