Not scrolling on Chrome
gicontz opened this issue · 1 comments
gicontz commented
Code
<Scrollspy
items={['general', 'build', 'post-build']}
currentClassName="is-current"
rootEl={'.scroll-container'}
>
<li>
<a href={'#general'}>{strings.general}</a>
</li>
<li>
<a href={'#build'}>{'Build'}</a>
</li>
<li>
<a href={'#post-build'}>{strings.postBuild}</a>
</li>
</Scrollspy>
Working in Firefox, but not in Chrome
Issue
- Click the Anchor links
Expectation
- Scroll to the corresponding section
Actual Result
- Not Scrolling, stay on the view
Notes
- Working scroll spy when scrolling using mouse
- Issue only on clicking navigation items
Warnings in Console
[Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive.
codemirror.js:536 [Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive.
[Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive.
[Violation] 'click' handler took 244ms
gicontz commented
up