api.Element.scrollBy - Smooth scrolling does not work on Safari with overflow:hidden
Nobody has claimed this yet.
- Dominant language
- JSON
- Stars
- 5.8k
- Forks
- 2.6k
- Avg merge
- 1d 21h
- Merged PRs (30d)
- 186
Description
What type of issue is this?
Browser bug (a bug with a feature that may impact site compatibility)
What information was incorrect, unhelpful, or incomplete?
Safari 15.4 has a critical bug that broke scrolling on multiple websites that have smooth scrolling and overflow hidden. This affects scrollTo/scrollLeft/scrollTop/scrollBy.
What browsers does this problem apply to, if applicable?
Safari
What did you expect to see?
Bug marked under options.behavior for scrollTo/scrollLeft/scrollTop/scrollBy.
Did you test this? If so, how?
Tested using Safari 15.4, this JSFiddle can be used: https://jsfiddle.net/hmpeda/tz6jb7es/11/
On Safari, it will refuse to scroll when clicking the buttons.
Can you link to any release notes, bugs, pull requests, or MDN pages related to this?
https://bugs.webkit.org/show_bug.cgi?id=238497
Do you have anything more you want to share?
No response
MDN URL
https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollBy
MDN metadata
MDN page report details
- Query:
api.Element.scrollBy - Report started: 2022-05-02T12:53:31.225Z
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Review the MDN Element.scrollBy page, the linked JSFiddle, and WebKit bug 238497 to confirm the Safari 15.4 behavior. Done means the browser-compatibility data records the Safari issue under options.behavior for scrollBy and the related scrolling methods.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- api, web-dev
- Issue type
- Bug
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100