[Webkit-unassigned] [Bug 226532] New: Safari 14 won't repaint region after scroll

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Jun 2 06:56:11 PDT 2021


https://bugs.webkit.org/show_bug.cgi?id=226532

            Bug ID: 226532
           Summary: Safari 14 won't repaint region after scroll
           Product: WebKit
           Version: Safari 14
          Hardware: All
                OS: All
            Status: NEW
          Severity: Blocker
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: chris.bannon at grapecity.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 430343

  --> https://bugs.webkit.org/attachment.cgi?id=430343&action=review

DataGrid cell is configured properly in DOM and CSS but not rendered after scrolling

Hello, we develop and sell a JS DataGrid in a product called Wijmo. Apple (among many other big companies) are customers and rely heavily on our DataGrid in many browsers. This week we have been flooded with bug reports because of a rendering bug in Safari 14.1.

The issue happens when the viewport of our DataGrid is scrolled in Safari 14. Eventually, the grid cells disappear and are not repainted. 

Upon inspection of the DOM, all cells are configured properly and have visibility as well as correct layout and positioning. But they are not rendered on the screen. See attached image of inspected cell with DOM properties there, yet unrendered. 

Here is a demonstration and a (hack) workaround that forces repaint. I simply add a "fake" transform after the scroll event to the grid element to trick Safari into repainting it. We are putting this hack into our product, but I insist that this bug is fixed in Safari. It is awful for any customers who won't have the most up to date version of our library. Please feel free to ask for more information. 

https://stackblitz.com/edit/safari-14-1-scroll-hack?file=index.ts

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20210602/2edc4a8b/attachment-0001.htm>


More information about the webkit-unassigned mailing list