PDA

View Full Version : [CLOSED] Resizable panels result in overlapping and position change



ganeshkumar1989
3 Dec 2013, 3:08 AM
In ExtJS 4.2.2, when the panels are made resizable and are resized by dragging their resize-handlers, they overlap with other sibling items and their positions change. Below is the screenshot describing the issue:
47079
This problem is observed in ExtJS versions 4.2.0 and above.
Below is the screenshot of the expected (correct) behavior on resize (screenshot from ExtJS v4.1.3):
47080
The code to reproduce the above described issue is given below

Ext.create('Ext.panel.Panel', {
title: 'Hello',
width: 250,
height: 150,
layout: {type: 'vbox'},
items:[{resizable: true, title: 'panel 1', width: 100, height: 70},{ title: 'panel 2', width: 100, height: 70}] ,
renderTo: Ext.getBody()
});


https://fiddle.sencha.com/#fiddle/1tm

Gary Schlosberg
3 Dec 2013, 11:43 AM
Thanks for the report! I have opened a bug in our bug tracker.

JExtJS
17 Jan 2014, 7:13 AM
Is there any update or work around?

guoyuan_qk
7 Mar 2014, 12:03 AM
Is this issue fxied?