Not working after using example code

[JPStrydom]

I've followed all the steps in the README but I couldn't get it working. So I resorted to try using the example code found in ./example/firstComp.

I have all the files exactly as they are in the example, and I've added the <link rel="stylesheet" type="text/css" href="../node_modules/react-custom-scroll/dist/customScroll.css"> line to my index HTML file.

Other than that I essentially have a blank CRA project in which I'm only rendering the firstComp component in my index.js file - but my screen still looks like this ->

Any ideas what I'm doing wrong?

[JavierLight]

I'm just experiencing the same issue, I couldn't get it to work. Importing as stated in documentation does not work.

[rommguy]

Hi @JavierLight and @JPStrydom , Thanks for using this library! I'm unable to reproduce the issue -

It would be very helpful if you can create the case in CodeSandbox or similar and send me the URL Or, you can try and use chrome dev tools to inspect the space at the top and try to figure out where it is coming from Thanks!

[jwugit]

@rommguy i know the examples work with flexbox and a fixed height, but does it work with 100% height and flexbox ?

Basically i have a popup modal that is just width/height 100% absolute, at the body level. A bunch of nested flex elements then finally react-custom-scroll.

see this sample. sample if you changed it index.js line 32 to maybe 500px, it works. Right now it doesnt.

Is this a bug? something i setup wrong? something not supported ?