Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Large columns stop rendering when scrolling horizontally and number of frozen columns > 3 #5048

Closed
mattskrobola opened this issue Dec 1, 2021 · 0 comments · Fixed by #5049

Comments

@mattskrobola
Copy link
Contributor

A table with more than 3 frozen columns will stop rendering non-frozen columns before they fully leave the view. I think this has to do with the fact that the getColumnIndicesInRect function in Grid starts at columnIndexStart which starts at 0 + number of frozen columns and grid bleed is set to 3 by default.

Link to a minimal repro: https://codesandbox.io/s/blueprint-sandbox-forked-0cpzu?file=/src/index.tsx

Steps to reproduce

Create a table with number of frozenColumns >= 4
Create a large non-frozen column
Scroll horizontally
frozencolScroll

Actual behavior

column will stop rendering before it fully leaves the view

Expected behavior

column continues to render inside of the view when scrolling

Possible solution

Possible solution could be either add a gridBleed prop or always set grid bleed to be >= numFrozenColumns

This issue was closed.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

1 participant