I have an application using an ExtJS grid that doesn't work quite right in Safari 3 and 4. I'm hoping someone reading this might know what's going on. Oddly, I can't replicate this behavior in any of the example grids on the ExtJS Web site (example 1, example 2). The big difference in their example versus my application is their examples have scrolling inside the grid whereas my app has scrolling inside the browser window itself. If you want to help me figure this out, watch the short screencast I recorded which demonstrates the problem.
<code>
if(Ext.isSafari){
Ext.override(Ext.grid.GridView, {
layout : function(){
this.scroller.dom.style.position = 'static';
}
});
}
</code>
You can add that snippet of JS anywhere in your existing JS code and that should take care of the problem
I meant to post a follow up on this days ago but it slipped my mine. Joey's suggested fix works, so anyone seeing this problem should add his code.
Hi,
What's about IE? I found the same solution as you for Firefox,
IE doesn't seem to work.