clauderic / clauderic/react-tiny-virtual-list

Horizontal overflow is being cut off

Open
#24 7 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

Hello!

I'm trying to incorporate this library into an application I'm building and I'm running in to issues with content that is larger than the original viewport. Currently, I have it set to `overflow-x: scroll` but it is being overwritten (or in conflict with) `overflow: auto`. When I render the page and scroll to the right, I see:

![image](https://user-images.githubusercontent.com/3843162/30701640-c7a41ef8-9eb8-11e7-92d7-fad73a83bc9c.png)

However, when I remove the `overflow: auto` property with Chrome DevTools, it appears to render and react like I would expect, and I see no discernible difference in performance.

I'm not sure if this is an "Issue" with the library, an issue with how I have my CSS and HTML structured, or somewhere in between. Ideally, I'd like to be able to customize the `overflow` property with a prop. If that's something that would be beneficial elsewhere, I can gladly write up a PR for it!

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.