react-scroll icon indicating copy to clipboard operation
react-scroll copied to clipboard

Not working If html, body { height:100%; overflow-x : hidden; }

Open vasymus opened this issue 6 years ago • 8 comments

Do not know if it was intentionally,

http://prntscr.com/j5izkn

but, anyway, you should warn about this on Readme.md, pls

vasymus avatar Apr 15 '18 13:04 vasymus

I can confirm that, its not working with html, body {height: 100%}

marcok81 avatar Jun 11 '18 21:06 marcok81

Confirmed here, too. In my project, setting body height to 100% makes all scrolling not work. However, adding {height: 100%} to the example doesn't break scrolling...

https://codesandbox.io/s/3rw4jq448p

jtran19 avatar Jun 27 '18 17:06 jtran19

Confirmed with max-height as well. Is there any progress on this issue?

modemmute avatar Aug 22 '18 03:08 modemmute

For a couple of days I have been trying to find out why doesn't this component work in my project, going through docs, comparing with my other two projects where I tried using this, rewriting all elements, using name and id... And then I found this.

Now, react-scroll works like a charm. Thank you

Tararan avatar Oct 05 '18 09:10 Tararan

When I put overflow: auto; along with height: 100% it works. But we don't want to use overflow: auto; because it makes problem on the mobile web...

benevbright avatar Jan 21 '20 22:01 benevbright

Confirmed with overflow: hidden breaks this. But it works with height: 100%.

auctus10 avatar Jun 12 '20 23:06 auctus10

As a workaround, I used overflow: hidden on class App which was my root class of whole app. It did what I wanted and react-scroll didn't break.

auctus10 avatar Jun 12 '20 23:06 auctus10

body hieght 100% is still a issue

Choco-milk-for-u avatar Mar 03 '24 14:03 Choco-milk-for-u