Window not rendering properly in viewport in exts 4.2

[Manoj.Aggarwal]

Hi All,

I updated my example to extjs 4.2 version and it did not run properly. It was working fine in the previous version.
As a breif , In my example I have a viewPort. In the view port in the north region I have a toolbar. On clicking Note button (In toolbar) I add window to my viewPort (region center) using renderto functionality.

Though it adds window to viewPort but it now has 2 problems-:

1. rendered window does not show up at x,y points I mentioned in showAt(x,y) function. It has top margin. I

2. I cannot take window to the bottom of viewport. It goes down up to a point. after that as I take it down it comes back again . Don't know why .

Can somebody help me why it is happening so ?? Though it was working in earlier version.

Please find attached my .zip file I have attached my solution in that. Just click on note button and will get the window.

I have removed extjs files from my extjs folder to attach light folder .please add those in website.

[evant]

Would suggest you put together a standalone test case, not everyone is going to have the environment setup to run that.

[Stephan Mercier]

The issue seem to be related to the "constrain" attribute of the window. When constrain=1, the window is initialized with a Y exactly equal to the size of the toolbar in the north region. Even if the Y is provided in the configs at window creation, the Y property is overwritten in the window creation process. When the window show up on the desktop, it shows up with a margin equal to the size of the north region. I have attach a small app that demonstrate that. All if you remove the "constrain" property in ScreenDesktop, the window show at the right place.

[Animal]

We've made great efforts to enable floating components as child items. Try using

myCenterPanel.add(myWindow);
myWindow.show();

Floating child items are managed separately, and not included in layouts, and manage their own visibility. That should work.

It's how this example works: http://docs.sencha.com/extjs/4.2.0/e...ut/border.html

There's a "Constrained window" button which adds a window to the center region. Take a look at the source.

[Stephan Mercier]

Thanks Animal. I tried your suggestion w/o success. The border example works because the floating window get created when the panel is initialized. But if you create the window programmatically after the panel is initialized, then the issue is still there. I modified and re-attached the test app to demonstrate that.

[Animal]

I don't know what to do with that.

How about just a 10 liner which creates a Window and adds it to a Panel?

[Stephan Mercier]

I found out what the issue was. If we add the renderTo attribute when we create the window, we get the margin issue:

var win = Ext.widget('window',{
	constrain: true,
//	renderTo: 'desktop',
	y:1
});
var panel = Ext.getCmp('desktop');
panel.add(win);
win.show();

[Animal]

Yes, as with ordinary child items, you do not do the rendering if you add a child item. In the case of a floating child item, it is the first show that does it.

Floaters are rendered to document.body, NOT their parent container's element. That would pollute the element as far as its layout is concerned, and also not allow unconstrained floaters to move outside the boundaries in all overflow configurations.