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

CdkVirtualScrollViewport smooth scroll not working in Safari #17847

Open
waterplea opened this issue Dec 1, 2019 · 1 comment
Open

CdkVirtualScrollViewport smooth scroll not working in Safari #17847

waterplea opened this issue Dec 1, 2019 · 1 comment

Comments

@waterplea
Copy link

@waterplea waterplea commented Dec 1, 2019

Reproduction

Here's a fork of virtual scroll demo with a button to reproduce the issue:
https://stackblitz.com/edit/angular-virtual-scroll-smooth-ios

Steps to reproduce:

  1. Call scrollToOffset/scrollToIndex with 'smooth' behavior on Safari

Expected Behavior

Viewport scrolls smoothly

Actual Behavior

Viewport scrolls immediately in Safari and smoothly in good browsers

Environment

  • Angular: 8.2.3
  • CDK/Material: 8.2.3
  • Browser(s): Safari
  • Operating System (e.g. Windows, macOS, Ubuntu): MacOS/iOS

Other details

This is probably because it uses native scrollIntoView with behavior and it is not supported in Safari. If Angular team will not include the fallback with its CDK, it is probably good to mention this limitation on the Scrolling demo page of the CDK.

@waterplea

This comment has been minimized.

Copy link
Author

@waterplea waterplea commented Dec 1, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
1 participant
You can’t perform that action at this time.