PDA

View Full Version : [INFOREQ] Scrolling Z-Index Issue in Safari



hast
7 Oct 2010, 3:48 AM
I have a window set to modal that has a scrollable dataview in it. When I scroll the dataview in Safari 5.0 on Mac the z-index of the window appears to change even though it doesn't look like it changes in the web inspector. Stuff behind the window comes to the front. This is the code I use to create the window. The weird thing is I can't reproduce it in a plain extjs web page and I can't reproduce the problem in Firefox or Chrome. It only seems to happen when the window is loaded in our application.



function rep(obj, n) {
var res = [];
for (var i = 0; i < n; ++i) {
res.push(obj);
}
return res;
}
new Ext.Window({constrainHeader: true, width: 400, height: 600, modal: true, layout: 'border',
items: [{html: 'header', autoHeight: true},
new Ext.DataView({style: 'overflow:auto', region: 'center',
store: new Ext.data.ArrayStore({
fields: ['name'],
data: rep(['hello'], 50)
}),
itemSelector:'div',
tpl: new Ext.XTemplate('<tpl for=".">',
'<div>{name}</div>',
'</tpl>')
})
]
}).show();

meroy
15 Oct 2010, 10:17 AM
Please post the Ext JS release you were using. Thanks.

hast
15 Oct 2010, 10:25 AM
3.2.

but i have just discovered that this issue is caused by the presence of a flash component on the page. so i don't think this can be really be fixed in extjs.

when flash component exists: issue happens.
when flash component does not exist: no issue.