'reactabular-virtualized' is shaking in the mobile environment.

[bolam-o]

Hello, I'm using reactabular + reactabular-virtualized at my list component.

I implemented the same as the example below, but when scrolling in the mobile environment, there was a rocking like vibration.
The following example was checked in the mobile environment and found the same problem as mine.

https://reactabular.js.org/#/features/virtualization

If the image looks slow, I would appreciate it if you click and look closely.

[bolam-o]

I am applying the following settings.

"react": "^16.2.0",
"react-dom": "^16.2.0",
"reactabular-sticky": "^8.14.0",
"reactabular-table": "^8.13.0",
"reactabular-virtualized": "^8.18.0",

[bebraw]

Hi, Can you set up a standalone example on something like codesandbox? It's hard to say what's the problem especially if you are following the official examples. Note that I am not maintaining this project actively due to lack of funding but I can still have a quick look to see if it's something obvious.

…

On 25.03.2021, at 04:38, Boram Kim ***@***.***> wrote:  I am applying the following settings. "react": "^16.2.0", "react-dom": "^16.2.0", "reactabular-sticky": "^8.14.0", "reactabular-table": "^8.13.0", "reactabular-virtualized": "^8.18.0", — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub, or unsubscribe.

[bebraw]

Nevermind, I can see the issue on mobile Safari against the official example. It might be a bug in virtualization.

…

On 26.03.2021, at 15:12, Juho Vepsäläinen ***@***.***> wrote: Hi, Can you set up a standalone example on something like codesandbox? It's hard to say what's the problem especially if you are following the official examples. Note that I am not maintaining this project actively due to lack of funding but I can still have a quick look to see if it's something obvious. >> On 25.03.2021, at 04:38, Boram Kim ***@***.***> wrote: >> >  > I am applying the following settings. > > "react": "^16.2.0", > "react-dom": "^16.2.0", > "reactabular-sticky": "^8.14.0", > "reactabular-table": "^8.13.0", > "reactabular-virtualized": "^8.18.0", > — > You are receiving this because you are subscribed to this thread. > Reply to this email directly, view it on GitHub, or unsubscribe.

[bolam-o]

Thank you so much for your interest in my issue.

The problem I posted can also be confirmed in the example in the official documentation. My environment is a chrome browser.

I'm also looking for a solution, but I want to find an answer quickly. 😂

[bebraw]

I can see the issue in the https://reactabular.js.org/#/features/sticky example as well on mobile Safari (not on my desktop Chromium, though). That narrows it down to sticky code.

I have the implementation here: https://github.com/reactabular/reactabular/tree/master/packages/reactabular-sticky . I think you could replace that with another synchronization mechanism between the header and the body. It's not much code and you could try to do this against the architecture I have in place or on top of Reactabular if you have a bit of time.

[bebraw]

Did you find a solution? Likely it's worth keeping open as it's some issue within Safari to solve.

…

On 22.04.2021, at 12:24, Boram Kim ***@***.***> wrote:  Closed #386. — You are receiving this because you commented. Reply to this email directly, view it on GitHub, or unsubscribe.