react-waypoint icon indicating copy to clipboard operation
react-waypoint copied to clipboard
verified publisher icon civiccc

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

Open sundaycrafts opened this issue 7 years ago • 4 comments

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)

Can I help me to solve this issue?

sundaycrafts avatar May 10 '18 10:05 sundaycrafts

This looks like a bug to me. Would you be willing to submit a PR fixing this? As a workaround, you can set the scrollableAncestor prop to window.

trotzig avatar May 14 '18 07:05 trotzig

@sundaycrafts I've run into same issue. @trotzig Your workaround helps, thank you!

Praneeth-Pike avatar May 22 '18 14:05 Praneeth-Pike

Should we have a check for this.scrollableAncestor.scrollHeight===this.scrollableAncestor.clientHeight, which means the Ancestor Elements totally can't scroll ?

stonehank avatar Dec 27 '18 17:12 stonehank

Any update on this? Just spent an hour trying to understand why this library wasn't working before I found this issue.

jmeyers91 avatar Apr 22 '19 21:04 jmeyers91