react-indiana-drag-scroll | React component | Frontend Utils library

I am using react-indiana-drag-scroll, and I am doing a Horizontal scroll, but the last item ( the 30th) 's right red shadow cannot show on screen

I tried to add padding/ margin/ border, still does not work.

sandbox: https://codesandbox.io/s/react-indiana-drag-scroll-default-forked-1xcxt

Getting the following error when trying to deploy to gitub pages. React app used to create app.

I would like to initialize my component to an initial scroll with react-indiana-drag-scroll but it doesn't work and I don't know why.

You will find the code on this sandbox.

I would like to initialize the scroll on the red line (current time), but the scrollTo function doesn't work in this code.

I am trying to implement Ant Design popovers inside a react-indiana-drag-scroll component. I need the popovers to dismiss when the user clicks off them.

When the user clicks anywhere on the page, the active popover disappears. However, If they click inside the scroll component to open another popover or try to scroll the div, the active popover does not dissappear.

https://codesandbox.io/s/async-frog-3mxh7

The above Code Sand Box has the whole scenario to play with, I can also paste the code in if necessary.

Steps to make popup dismiss: Click one of the "A" cells in the table - the popover should appear. click on one of the names in the Name column - the popover will dismiss

Steps to make the popover stay: Click one of the "A" cells in the table - the popover should appear. Click one of the "A" cells or try to click and drag the table about. - The popover will not disappear

I think that the problem has something do do with the ScrollContainer handling the click event and not letting the browser or antd do anything else with it.

Thanks for any help you can offer.

Code is as follows: