civiccc / civiccc/react-waypoint

It doesn't work when ancestor element has overflow-x: hidden

Open
#251 4 comments 1 reaction 0 assignees View on GitHub
bug
Dominant language
JavaScript
Stars
4k
Forks
206
PR merge metrics
No merged PRs in 30d

Description

I found the issue it doesn't work when ancestor element like `#container` has the style `overflow-x: hidden`.

Please see this demo: https://wonderful-minsky-c230e6.netlify.com/ ([source](https://github.com/sundaycrafts/weypoint-demo/blob/master/src/App.js))

Can I help me to solve this issue?

Contributor guide

Open the contributing guide

Research direction

Reproduce the failure using the linked Netlify demo and inspect its source in src/App.js. Compare behavior with and without the ancestor’s overflow-x: hidden style; done means the waypoint callback works correctly in that scenario.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.