May
9

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.

Aaron West's Gravatar
About this post:

This entry was posted by Aaron West on May 9, 2009 at 10:30 AM. It was filed in the following categories: ExtJS, Ajax. It has been viewed 9679 times and has 4 comments.

4 Responses to Scrolling problem with ExtJS grids in Safari

  1. <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

  2. 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.

  3. Pavel's Gravatar Pavel

    Hi,
    What's about IE? I found the same solution as you for Firefox,
    IE doesn't seem to work.

  4. Manel's Gravatar Manel

    How to make this snippet work with extjs 4.0.7 ??

Leave a Reply

Leave this field empty

If you subscribe, any new posts to this thread will be sent to your email address.

RSS