243164 2022-07-25 02:57:27 -0700 Scrolling through large tables leads to checkerboarding 2022-07-25 17:49:26 -0700 1 1 1 Unclassified WebKit Scrolling Safari 13 Mac (Intel) macOS 10.15 RESOLVED DUPLICATE 242424 https://bugs.webkit.org/show_bug.cgi?id=242424 P2 Normal --- 1 mdutta webkit-unassigned simon.fraser zalan oldest_to_newest 1886491 0 461193 mdutta 2022-07-25 02:57:27 -0700 Created attachment 461193 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. 1886639 1 simon.fraser 2022-07-25 17:42:18 -0700 This was probably improved by the fix for bug 242424. 1886644 2 simon.fraser 2022-07-25 17:49:26 -0700 I confirmed that the flashing is gone with that bug fixed. *** This bug has been marked as a duplicate of bug 242424 *** 461193 2022-07-25 02:57:27 -0700 2022-07-25 02:57:27 -0700 This ZIP contains a sample HTML page which statically renders a large table with <table> and <div> elements testfile.zip application/zip 1942 mdutta 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 AAAAAA==