Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Main browser scrollbar and scrollToBottom #198

Closed
smakinson opened this issue Apr 29, 2020 · 4 comments
Closed

Main browser scrollbar and scrollToBottom #198

smakinson opened this issue Apr 29, 2020 · 4 comments
Labels

Comments

@smakinson
Copy link

Describe

When scrollToBottom is called and the browser window is scrolled down the page, calling scrollToBottom() jumps the main browser scrollbar to the top.

To Reproduce

Goto the chat example:

  1. https://tangbc.github.io/vue-virtual-scroll-list/#/chat-room
  2. Add enough messages to see a scroll bar on the virtual list.
  3. Make the window short enough to see a scrollbar on the main window.
  4. Scroll the virtual scroll list up
  5. scroll down the page
  6. Type a message and send it
  7. Notice the browser window is scrolled up as well as the virtual list is scrolled to the bottom.

Other

  • Browser: chrome, safari
@smakinson smakinson added the bug label Apr 29, 2020
@smakinson
Copy link
Author

@tangbc
Copy link
Owner

tangbc commented Apr 30, 2020

Yes, it would be the side effect using scrollIntoView, I will fix it.

tangbc added a commit that referenced this issue Apr 30, 2020
@tangbc
Copy link
Owner

tangbc commented Apr 30, 2020

Fixed in v2.1.4

@tangbc tangbc closed this as completed Apr 30, 2020
@smakinson
Copy link
Author

Thank you

@tangbc tangbc removed the planning label Aug 4, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants