[Webkit-unassigned] [Bug 221964] New: https://maya.land/monologues page renders incorrectly

[bugzilla-daemon at webkit.org]

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

            Bug ID: 221964
           Summary: https://maya.land/monologues page renders incorrectly
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: simon.fraser at apple.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

This page has the dither elements covering the whole page:

https://maya.land/monologues/2021/02/15/css-dither.html

The content has:

<div style="width: 300px;                                                                                                                                   
    height: 400px; 
image-rendering: smooth;                                                                                                                                 
    filter: saturate(0) contrast(250); "><picture><img alt="really imperious looking selfie where i have super good hair, dithered" src="/assets/content/selfie.jpg" style="height:400px"></picture>
<div style="width: 100%;                                                                                                                                        
    height: 100%;                                                                                                                                       
    pointer-events: none;                                                                                                                                       
    position: fixed;                                                                                                                                    
    display: block;                                                                                                                                     
    z-index: 2;                                                                                                                                         
    top:0px;
    left: 0px;                                                                                                                                 
    background-image: url(https://maya.land/assets/bluenoise.png);                                                                                      
    background-repeat: repeat;"></div>
</div>
and is relying on the fact that in other browsers, filter: creates a containing block for position:fixed.

-- 
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/20210216/f6c4c6af/attachment-0001.htm>