Scrolling on iOS is jumping when using custom row template

[asmundwego]

Describe the bug
On iPhone, the vertical scrolling jumps when using

Tabulator Info

• Tabulator version: 5.1.7

Working Example
jsFiddle

To Reproduce
Se jsFiddle.

1. Open https://jsfiddle.net/jsawe/9zutmevj/show on an iPhone (or Chrome on desktop in device simulation)
2. Wait for table to finish initializing
3. Scroll slowly down
4. First part scrolls smoothly, then about one page down, items starts to jump wile scrolling
5. Scrolling furter down the issue is less visible, but some jumping still occurs.

Expected behavior
Scrolling should not cause jumping

Screenshots
See video. This is from my product where login is needed, but similar behaviour is in the jsFiddle.

TabulatorBug.mp4

Desktop (please complete the following information):

• OS: Windows
• Browser Chrome in device simulator or narrow window.
• Version any

Smartphone (please complete the following information):

• Device: iPhone
• OS: iOS
• Browser: Safari, Chrome

Additional info
I suspect it has something to do with the virtual dom that is not calculating right space when removing items at the top or something.

[olifolkerd]

Hey @asmundwego

This is essentially a duplicate of #3654 so i will link these two together to track progress.

Thankyou for providing a fiddle, that will make it much easier to check that the fixes resolve the issue.

This happens when the row size is variable of much bigger than expected do to recalculations in the virtual scrolling functionality.

As a temporary workaround, you could look at setting a rowHeight when used on a mobile device, which would help tabulator render it smoothly https://tabulator.info/docs/5.4/layout#height-row

I am aiming to fix this in the next minor release.

Cheers

Oli :)