Comments (12)
Fixing this soon. Mayor refactor on the way 😃
from smoothscroll.
Just merged a new version addressing some issues around scrollIntoView
among other improvements so this polyfill is kinda useful to you now @stevenvachon, check it out and let us know if you find a specific bug.
from smoothscroll.
Thanks!
from smoothscroll.
Oh man! I knew I was neglecting something when I did that so quick; totally didn’t think of that being the use case.
I’ll look into this. Thanks for the report.
from smoothscroll.
@ebidel I just added some initial support for el.scrollIntoView()
. I haven’t tested it too heavily yet; but feel free to try it out on https://github.com/GoogleChrome/chromium-dashboard and let me known how it goes. I tried to get a head start on it for you but it has definitely been way too long since I’ve even looked at python to even try to run the project locally.
from smoothscroll.
Haven't done any debugging yet, but can't get things working out of the box. I think it's the call to findScrollableParent()
which finds recursively finds the parent. I think the world of Shadow DOM is giving that issues.
https://github.com/iamdustan/smoothscroll/blob/master/smoothscroll.js#L130
from smoothscroll.
Ah. Good point. I’m down for digging through this a bit more if you can point me in the right direction for working with the Shadow DOM. I have a decent amount of theoretical knowledge from following Polymer and the few standards from a distance, but haven’t dug into it too deep. Is there an easy way to get chromestatus.com running locally or another place you’d recommend starting so I spend more time fixing this and less time learning Polymer off the bat?
from smoothscroll.
@ebidel I know this issue is old, but in case you have time and since I don't know a lot about SHADOW DOM can you provide a simple fiddle to show when this doesn't work? I would like to solve this bug.
from smoothscroll.
I'm not sure if I fixed exact this bug in #18, but at least the same symptom.
from smoothscroll.
Where it says "incomplete" in the readme, is that referring to this issue?
from smoothscroll.
This function only works correctly in Firefox -- meaning that it's probably using the native function. This polyfill is kinda useless.
from smoothscroll.
All good people in this thread, if you see scrollIntoView
not working correctly, rise your hand or open an issue better with an example and browser where it fails so I can help you. Happy smooth scrolling!
from smoothscroll.
Related Issues (20)
- smoothscroll no working when added @media query to document HOT 1
- Newest version isn't published to NPM because of that Cloudflair CDN can't get newest version HOT 2
- Body can't be used as scroll-container HOT 4
- Smoothscroll Flickering Page Elements and too fast on Safari 13.0.5 HOT 2
- Make scrollIntoView work for Safari and SVGElement HOT 4
- smooth scroll is not working in chrome version>=81 HOT 2
- [Feature Request] Padding option HOT 2
- Doesn't work with Safari CSS Scroll Snap HOT 3
- window.scrollTo with behavior: 'smooth' doesn't scroll to the top of the page with safari
- Check for existence of window to support SSR HOT 3
- null as the first argument causing a TypeError
- smoothscroll from <script> tag not working HOT 1
- Accessibility: respect prefers-reduced-motion
- Not working with window.parent? HOT 1
- Support for `scrollTop` & `scrollLeft` for Elements
- scrollIntoView with arguments is not working HOT 3
- Polyfill not working on Safari 15 (iOS & macOS) HOT 24
- Cannot scroll center for scrollIntoView in iOS HOT 4
- Support scrollBehavior after connecting the polyfill
- undefined is not an object (evaluating 'e.clientHeight')
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from smoothscroll.