PDA

View Full Version : [OPEN] [CLOSED][DUP][3.0.0] Animate Target in Chrome



Litre
18 Sep 2009, 11:50 AM
I added a FormPanel to a Window with layout: 'absolute'

If I show the Window with an animateTarget the FormPanel button is positioned almost entirely off the panel to the right.

I do not have this problem with FF or IE.

Has this been fixed in 3.0.2?
http://www.demozoo.com/extjs/AnimateTargetBug.jpg

Problem exists with layout fit too, but a resize of the window fixes it.
Tried calling doLayout() on the panel, no use, any suggestions?

Here's just a simple FormPanel and Window, the animate target is another panel not shown.


var panelViewNotes = new Ext.FormPanel({
id: 'panelViewNotes',
x: 0,
y: 0,
labelWidth: 150,
height: 150,
width: 380,
autoScroll: true,
frame: true,
defaultType: 'textfield',
monitorValid: true,
items:[
new Ext.form.DateField({
fieldLabel: 'Date Range Start',
id:'searchDateStart',
name:'searchDateStart',
format: 'Y-m-d',
readOnly: false,
value: '2009-01-01'
})
],
buttons:[{
id: 'searchNotesButton',
text: 'Search',
formBind: true,
handler:function(){
//Do Nothing
}
}]
});

var winTest = new Ext.Window({
title: 'Supplier Login',
animateTarget: 'loginForm', //Causes Bug in Chrome
y: 100,
width: 500,
height: 300,
layout: 'absolute',
closable: false,
collapsible: false,
resizable: false,
draggable: false,
plain: true,
items: [panelViewNotes]
});
winTest.show();

Animal
19 Sep 2009, 1:53 AM
Use fit layout.

Condor
19 Sep 2009, 1:57 AM
@Animal: I would use layout:'fit' too, but this is still a bug.

@Litre: Can you check if this patch (http://www.extjs.com/forum/showthread.php?t=79455) fixes the problem?

evant
20 Sep 2009, 10:00 PM
Marking this as DUP, http://www.extjs.com/forum/showthread.php?t=79455