PDA

View Full Version : [CLOSED][3.0r5763] Window floats above Ext.getBody().mask()



jay@moduscreate.com
3 Dec 2009, 11:12 AM
OS X
Fx 3.5



new Ext.Window({
html : 'some window',
modal : true,
height : 100,
width : 100

}).show();

Ext.getBody().mask('test')


Results in:
http://tdg-i.com/img/screencasts/2009-12-03_1411.png

Starting an XP VM to test in Fx for Windows.

jay@moduscreate.com
3 Dec 2009, 11:22 AM
Confirmed on windows:
http://tdg-i.com/img/screencasts/2009-12-03_1421.png

jay@moduscreate.com
6 Dec 2009, 1:33 PM
Still an issue as of r5732

jay@moduscreate.com
10 Dec 2009, 4:27 AM
Bump

jay@moduscreate.com
10 Dec 2009, 4:27 AM
Still an issue as of r5763

Condor
10 Dec 2009, 5:04 AM
There are 2 things wrong here:

1. The ext-el-mask has z-index:100, while the ext-el-mask-msg has z-index:20001.
Shouldn't it be:

.ext-el-mask {
z-index: 20000;
}

2. The height of ext-el-mask is 0px.
You could fix that with:

document.getElementsByTagName('html')[0].className += ' x-viewport';
(or by adding an extra check to mask() to check if the masked element is the body and adjust the size accordingly)

evant
13 Dec 2009, 7:45 PM
We have a more general ticket open to look at issues with regards to masking and z-indexes.

As such, I think we can close this since it's already on the list to look at.

jay@moduscreate.com
13 Dec 2009, 7:48 PM
Do you think that it will be fixed before 3.1 ships? I think this will probably be an issue for developers as they expect the body mask to float above the entire app.