PDA

View Full Version : [FIXED] Strange Ext.panel.Panel modal behaviour



urlund
1 Nov 2011, 9:20 AM
Ext version tested:

Ext 4.0.7


Browser versions tested against:

Chrome 15
Safari 5


Description:

Panel modal disappears when loadmask is active.


Steps to reproduce the problem:

Code should be self-explaining


The result that was expected:

Modal should be active as long as panel is open.


The result that occurs instead:

Modal disappears, and returns when loadmask is removed.


Test Case:




<script type="text/javascript">
Ext.onReady(function() {
Ext.create('Ext.panel.Panel', {
floating: true,
title: 'A floating panel',
height: 200,
width: 200,
autoShow: true,
frame: true,
modal: true,
html: 'Lets set panel loading...',
listeners: {
show: function(t) {
setTimeout(function() {
t.setLoading('Notice modal...');
setTimeout(function() {
t.setLoading(false);
t.update('Is this intended behaviour, if yes, why?');
}, 2000);
}, 2000);
}
}
});
});
</script>

mitchellsimoens
2 Nov 2011, 10:24 AM
Have you tried with 4.1 yet? It is different and not sure it's 100% what you are wanting.

urlund
2 Nov 2011, 10:34 AM
Just tested .. its "better"... but why has modal been removed from loading overlay in 4.1 ?

The behaviour i'm looking for is like ext-4.0.2a (modal stays intact on both panel and overlay - making the layers below "disabled", so users cant click anything before stuff has finished loading).

mitchellsimoens
2 Nov 2011, 10:40 AM
Looks like we are trying to share as many things as possible so since there should only be one modal component they share it with the loading message. Will pass this up, just making sure we are on the same page and it hasn't been fixed.

urlund
2 Nov 2011, 10:46 AM
I see what you mean, and it would be great if it worked, but my example above clearly state that it hasn't been fixed.

Thanks for your time. Looking forward to a fix :)