Results 1 to 3 of 3

Thread: DataView automatically scrolling up in IE?

    You found a bug! We've classified it as EXTJS-26651 . We encourage you to continue the discussion and to find an acceptable workaround while we work on a permanent fix.
  1. #1

    Default DataView automatically scrolling up in IE?

    In Internet Explorer(tested with IE11), the clicking on a dataview item will cause that item to automatically scroll to the top. To re-create the issue, paste the following code into ExtJS documentation fiddle, run the fiddle, scroll all the way to bottom, and then click on one of the images. This will cause the dataview to scroll up automatically.
    Ext.define('Image',{
    extend
    :'Ext.data.Model',
    fields
    :[
    { name:'src', type:'string'},
    { name:'caption', type:'string'}
    ]
    });

    Ext.create('Ext.data.Store',{
    id
    :'imagesStore',
    model
    :'Image',
    data
    :[
    { src:'http://www.sencha.com/img/20110215-feat-drawing.png', caption:'Drawing & Charts'},
    { src:'http://www.sencha.com/img/20110215-feat-data.png', caption:'Advanced Data'},
    { src:'http://www.sencha.com/img/20110215-feat-html5.png', caption:'Overhauled Theme'},
    { src:'http://www.sencha.com/img/20110215-feat-perf.png', caption:'Performance Tuned'}
    ]
    });

    var imageTpl =newExt.XTemplate(
    '<div class="abc">',
    '<tpl for=".">',
    '<div style="margin-bottom: 10px;" class="thumb-wrap">',
    '<img src="{src}" />',
    '<br/><span>{caption}</span>',
    '</div>',
    '</tpl>',
    '</div>'
    );

    Ext.create('Ext.view.View',{
    store
    :Ext.data.StoreManager.lookup('imagesStore'),
    tpl
    : imageTpl,
    itemSelector
    :'div.abc',
    emptyText
    :'No images available',
    renderTo
    :Ext.getBody()
    });Is there any way I can stop this automatic scrolling ? This only happens in IE(the scroll position remains unaffected in FF and Chrome).

  2. #2
    Sencha Staff
    Join Date
    Sep 2017
    Posts
    126

    Default

    Thanks for reporting this bug. There is already a bug report # EXTJS-26651 opened in the system regarding this issue.

  3. #3
    Sencha Premium User
    Join Date
    Feb 2012
    Posts
    18

    Default

    This happens because the DOM focus within IE 11 will scroll the element into view. To prevent this you can look at the following method: Ext.view.NavigationModel -> focusItem.

    An example fiddle with this functionality disabled can be seen here (disabling it in this manner will likely break other functionality, so use at your own risk): https://fiddle.sencha.com/#view/editor&fiddle/2lt0

Similar Threads

  1. DataView automatically scrolling up in IE?
    By gardhiwasam in forum Bugs
    Replies: 2
    Last Post: 11 Sep 2018, 10:23 AM
  2. TreePicker scrolling up automatically on expanding nodes
    By HernanDiaz in forum Ext JS 6.x Q&A
    Replies: 1
    Last Post: 15 Oct 2015, 11:34 PM
  3. Treepanel check scrolling automatically.
    By sudhanshusekhar27 in forum Ext: Q&A
    Replies: 1
    Last Post: 7 Oct 2014, 6:47 AM
  4. Automatically set scrolling:true when needed?
    By jpfm in forum Sencha Touch 2.x: Q&A
    Replies: 1
    Last Post: 3 Dec 2013, 12:46 PM
  5. home page is automatically scrolling down
    By satish.bodduna in forum Ext GWT: Q&A
    Replies: 3
    Last Post: 17 Oct 2012, 2:34 AM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •