Page 1 of 2 12 LastLast
Results 1 to 10 of 15

Thread: When i collapse and expand a panel scroll bar jump to top of page

  1. #1

    Default When i collapse and expand a panel scroll bar jump to top of page

    When i collapse and expand a panel scroll bar jump to top of page

  2. #2
    Sencha User slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,165
    Answers
    505

    Default

    Hi,

    I'm not sure I follow how you're seeing the issue. Can you post a test case here or at https://fiddle.sencha.com that demonstrates the issue you're seeing?

    Also, what version of ExtJS are you working with and in what OS / browser are you testing?

  3. #3

    Default Test Case In Fiddle with Example

    Hi

    I have to try in Google chorme and I using Ext 4.2.2 version and Windows 7 OS

    The test case is attached Pls find

    https://fiddle.sencha.com/#fiddle/b5c

    Thanks
    Lokesh

  4. #4
    Sencha User slemmon's Avatar
    Join Date
    Mar 2009
    Location
    Boise, ID
    Posts
    6,165
    Answers
    505

    Default

    Hi,

    With the accordion layout container you'll need to set a height to resolve the scrolling artifact. *Or have the accordion container have its height set by an owning parent container's layout.

  5. #5

    Default When i collapse and expand a panel scroll bar jump to top of page

    we can not set a fix height for parent container, is there any other solution or fix this issue

  6. #6
    Sencha User
    Join Date
    Apr 2013
    Posts
    3

    Default

    Hi,

    We have a very similar problem in our application, except we are not using an accordion layout but rather a vbox. While debugging in ext-all-debug, I found out that when expanding/collapsing a panel, the layout is rerun, and the run() method calls

    Code:
    me.flushInvalidates();
    which hides nearly every element in our application, thus modifying the page height and resetting the scroll to the top. Then everything is redrawn normally, but the scroll position is lost.

    The same behavior happens in the fiddle provided by Lokesh, so I guess it's not tied to a particular layout.

    I'm not an expert in ExtJS's internals at all, so could one of you confirm that my analysis is correct, and perhaps help us find a workaround/fix please?

    Thanks
    Bastien

  7. #7
    Sencha User
    Join Date
    Jan 2015
    Posts
    3

    Default

    I have this same problem...really annoying. Can anyone look at this and find a fix?

  8. #8
    Sencha Premium Member
    Join Date
    Apr 2015
    Posts
    15

    Default

    Same problem here...I called setText on a Label, nothing else, and my scroll position was lost. I tried switching to a container instead of a label and calling update() to update the html, got the same problem. I am using EXTJS 5.

  9. #9
    Sencha User
    Join Date
    Oct 2011
    Posts
    20

    Default

    This is a pretty serious issue. If you've got scroll bars and do anything that causes a layout, it jumps to the top. A store that loads and fills a grid. Collapsing/expanding a panel. It's still present in 5.1. Don't know if it's in 6. I have a screen with 6 collapsible panels on it - the collapse ability is about useless due to the jumping around on the screen.We have another screen with 5 or 6 grids on it. Some of them take a bit to complete their load from the server. Nothing more annoying that seeing the first couple load, mouse wheel down and suddenly it jumps back to the top. Mouse wheel down...and then it happens again. Both times due to store loads completing and grids updating.

  10. #10
    Sencha Premium Member
    Join Date
    Jun 2015
    Location
    Melbourne, Australia
    Posts
    56
    Answers
    6

    Default

    I have the same issue (6.0.2), extremely annoying! When you are adding components dynamically I don't see how it is possible to set the height on the parent container, something must be fundamentally wrong????

Page 1 of 2 12 LastLast

Posting Permissions

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