overflow:scroll on the container is bad

[ThiefMaster]

trafficstars

It results in scroll bars on the container even though there is nothing to scroll in it. This is already the case in the demo here: https://ancient-sands-71156.herokuapp.com/

[shotaK]

What you can do is that:

1. Get the data from the server for checking whether there are items left to fetch or the total amount of items. E.g {total: 100}
2. There is a hasMore prop. Pass there false if there are no items left. E.g

<ReduxLazyScroll
    hasMore={store.fetchedItems.length === store.total}
>

This way it won't make an additional request.

[ThiefMaster]

I'm not talking about additional requests (I'm already using hasMore). I'm talking about these scroll bars:

There are horizontal ones as well.

Since the scrollable element is the body/document itself, having scroll bars on the .redux-lazy-scroll container looks a lot like a bug.

[shotaK]

Yes, you are right, it should only have scroll if the prop isParentScrollable is set true.

[SidneyNiccolson]

Hi @shotaK,

Any fix for this? I'm currently using custom CSS to set overflow to hidden. Which is not ideal.

[himanshu64]

Hi @shotaK any update on this bug?