[Webkit-unassigned] [Bug 245936] New: Subgrid is not aligned correctly with miscalculated gap

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Sat Oct 1 16:20:40 PDT 2022


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

            Bug ID: 245936
           Summary: Subgrid is not aligned correctly with miscalculated
                    gap
           Product: WebKit
           Version: Safari 16
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: chriskirknielsen+wkbugs at gmail.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 462754

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

Firefox 105 OK, Safari 16 FAIL. Resizes causes the page to crash and reload.

I am working on a page which leverages subgrid to align some various items. I noticed that the content was offset by about the same size as 2x the column-gap value I was using. The grid is modified using a custom property replacing a single column with a `repeat` that divides the space up into 5 columns within that central "content area".

Additionally, the page crashes when I resize the window (see the bottom of the attached screenshot), I suspect the complexity of all the custom properties determining the size as well as the subgrid being calculated on the fly, all wrapped in a media query, is too much to handle at once. While  my original page crashes pretty consistently, the demo seems to be quite slower but not always crashing. However, my page has many more elements placed more specifically along the grid, whereas the demo is simpler so the issue might not be as severe

I have reproduced the issue on a small sample, DEMO: https://codepen.io/chriskirknielsen/pen/dyeeRYY

Tested:
Firefox 105: PASS
Safari 16: FAIL
Safari TP 154: FAIL

-- 
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/20221001/1990d1bd/attachment-0001.htm>


More information about the webkit-unassigned mailing list