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

Table Scrolling in Firefox doesn't work well #11214

Closed
1 task
bhargaviswami12 opened this issue Jul 9, 2018 · 2 comments
Closed
1 task

Table Scrolling in Firefox doesn't work well #11214

bhargaviswami12 opened this issue Jul 9, 2018 · 2 comments
Assignees

Comments

@bhargaviswami12
Copy link

bhargaviswami12 commented Jul 9, 2018

  • I have searched the issues of this repository and believe that this is not a duplicate.

Version

3.5.4

Environment

Firefox 61.0 on Mac, npm: '4.2.0', react @ 15.6

Reproduction link

Edit on CodeSandbox

Steps to reproduce

When the table is scrolled horizontally and vertically, the scrolling is not even. There is a weird behaviour. This happens in Firefox but not in chrome.

What is expected?

The scrolling should be even and equal.

What is actually happening?

The scrolling of table in both horizontal and vertical is not even. I have some rows and columns that are fixed. So when I try to scroll, the fixed rows scrolling is falling a few pixels behind the other rows scrolling. (You will understand when you see the sample code. If still you dont, then the additional link I have provided in the comments sections will definitely help)
In the case of the horizontal scrolling (Column scrolling), the columns seem to have some kind of a moving effect which is not how it is supposed to be .


The same issue has been raised in github for blueprint - palantir/blueprint#1712
My project created columns and rows on an adhoc basis . The column and the row count changes time to time. The scrolling works fine in Chrome , but breaks in firefox.

@afc163
Copy link
Member

afc163 commented Jul 10, 2018

https://codesandbox.io/s/p7r714nrv0

width is too small for cell content.

@afc163 afc163 closed this as completed Jul 10, 2018
@bhargaviswami12
Copy link
Author

bhargaviswami12 commented Jul 10, 2018

I am not sure what you understood from my explanation. May be I was not clear.
When I do the horizontal and vertical scrolling, the scroll of the columns and rows is not even. They scroll in a disjoint manner.
Considering your finding that the width is not enough, what would be the reason for the issues with the vertical scrolling ? Is the height not enough for each row ?
I request you to have a look once again into this. Thanks.
I have also provided you with a link for an issue that was raised due to this similar issue with the table scrolling in firefox in Blueprintjs.

I have done some more changes in the code pen to be able to find the issue easier

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

No branches or pull requests

3 participants