Bug 243164

Summary: Scrolling through large tables leads to checkerboarding
Product: WebKit Reporter: mdutta
Component: ScrollingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED DUPLICATE    
Severity: Normal CC: simon.fraser, zalan
Priority: P2    
Version: Safari 13   
Hardware: Mac (Intel)   
OS: macOS 10.15   
See Also: https://bugs.webkit.org/show_bug.cgi?id=242424
Attachments:
Description Flags
This ZIP contains a sample HTML page which statically renders a large table with <table> and <div> elements none

Description mdutta 2022-07-25 02:57:27 PDT
Created attachment 461193 [details]
This ZIP contains a sample HTML page which statically renders a large table with <table> and <div> elements

While scrolling through a virtualized tables, we notice a flash of white where the contents of the table disappear when we scroll fast using the scroll bar.
To check this issue, we try scrolling through a statically rendered table of large size of rows and columns,

We notice content disappearing while we are scrolling fast using the scroll bar and pointing device.

To reproduce the issue :
1. Unzip the contents of the attached `testfile.zip`
2. Run `npm install` and then `npm start` to start a local server
3. Access the http://localhost:8080 and scroll the table and div once the page loads. (Due to the large size, it might take some time)

We face this same problem with a virtualized implementation of the Table where the cells are loaded on demand when they are scrolled in the view port.
Comment 1 Simon Fraser (smfr) 2022-07-25 17:42:18 PDT
This was probably improved by the fix for bug 242424.
Comment 2 Simon Fraser (smfr) 2022-07-25 17:49:26 PDT
I confirmed that the flashing is gone with that bug fixed.

*** This bug has been marked as a duplicate of bug 242424 ***