Extjs 6: modal window is not vertically aligned in the middle of the current view

[nareshkokkula]

hi,

We have upgraded to sencha from 4.2 to 6.2.1. Currenlty I have seen an issue which I can reproduce using sencha fiddle.
I have configured a button to open a window on its click and kept this button at the bottom of the form which has many controls.

Action:
scroll down the form to reach the button and click the button.
form will be masked but the window will not be seen in current view.
window can be seen once we scroll the form to top.



Please let me know if anyone encountered the same with latest extjs library.
Suggestions are much appreciated.

thanks,
Naresh

[chramer]

Setting window's constrain config to true seems to help..

[nareshkokkula]

thanks Chramer that helped, but still it is aligned on top left corner instead of aligned in the middle.

[nareshkokkula]

here is the sencha fiddle link
https://fiddle.sencha.com/#fiddle/1n8b&view/editor,
popup is aligned on top.

[chramer]

It seems that when "constrain" is set to true, the window ignores the "defaultAlign" config. I don't know why this happens. Maybe someone else has a deeper understanding of what is going on here..

[eric00000007]

Same issue... Simple but I am wasting time finding solutions ! Did you found a solution ?

[williamyiu]

I have the same issue. It seems Ext is calculation the placement based on the total page height instead of visible height. Because of this, I stayed at 6.0.2

[williamyiu]

quick workaround:

add listeners to your created window

listeners : {
show : function (window, eOpts) {
window.alignTo(document.body, 'c-c', [document.body.scrollLeft, document.body.scrollTop]);
},
}