clauderic / clauderic/react-tiny-virtual-list

CSS Scroll Direction Support

Open
#38 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
2.5k
Forks
159
PR merge metrics
No merged PRs in 30d

Description

I am using this lovely component and have used the prop `scrollDirection="horizontal"`.
However, I am also wanting to change the CSS prop `direction: rtl` so that the scroll direction begins on the right.

When the VirtualList component renders initially with that CSS property set it renders blank contents until I scroll a little bit...which causes the component to update so it knows where to place the relevant DOM.

Do you have any recommendations on how I can fix this blank blip?
Nice-to-have would be to some how have the `overscanCount` know about this change in the content flow.

Video file to help explain my issue/request.

[Jan-22-2018 15-58-53.mp4.zip](https://github.com/clauderic/react-tiny-virtual-list/files/1654009/Jan-22-2018.15-58-53.mp4.zip)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.