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

Row Virtualization Breaks Scrolling #319

Open
1 task done
Aystein opened this issue Apr 25, 2024 · 1 comment
Open
1 task done

Row Virtualization Breaks Scrolling #319

Aystein opened this issue Apr 25, 2024 · 1 comment

Comments

@Aystein
Copy link

Aystein commented Apr 25, 2024

mantine-react-table version

1.3.4

react & react-dom versions

18.2

Describe the bug and the steps to reproduce it

Using the very basic example with rowVirtualisation:

  const table = useMantineReactTable({
    columns,
    data,
    enableRowVirtualization: true,
    enablePagination: false,
    maxRowsToRender: 10,
    mantineTableContainerProps: { sx: { maxHeight: '600px' } },
  });

The scroll behavior is not correct. The mouse drag is not the same as the scroll drag as shown in this screencast

Screencast_20240425_150752.webm

Minimal, Reproducible Example - (Optional, but Recommended)

const table = useMantineReactTable({
columns,
data,
enableRowVirtualization: true,
enablePagination: false,
maxRowsToRender: 10,
mantineTableContainerProps: { sx: { maxHeight: '600px' } },
});

Screenshots or Videos (Optional)

No response

Do you intend to try to help solve this bug with your own PR?

None

Terms

  • I understand that if my bug cannot be reliably reproduced in a debuggable environment, it will probably not be fixed and this issue may even be closed.
@jporchy
Copy link

jporchy commented May 9, 2024

The scrollbar also does not look great with how it goes over the Header in my opinion. It should just be the body. I created a bug in #331. I'm curious if these are related.

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

2 participants