Smooth scrolling containers
Example of a table of contents navigation with a container using smooth-scrolling.
Setup:
- 'scroll-behavior: smooth' is being used to smoothly scroll main contents.
- element.scrollIntoView() is being used to make main content visible.
- element.scrollIntoView() is being used make table of contents item visible.
Issue:
When element.scrollIntoView is called from within two different scrolling
containers then the second scrollIntoView call will interrupt the first, if
the first is using smooth-scrolling.
Repro:
- Click the 'smooth' links below to smoothly scroll the main content into view.
- Observe that it does not scroll.
- Observe that 'instant' scrolling does work.