Bug 221964

Summary: https://maya.land/monologues page renders incorrectly (filter should create containing block for fixed)
Product: WebKit Reporter: Simon Fraser (smfr) <simon.fraser>
Component: Layout and RenderingAssignee: Simon Fraser (smfr) <simon.fraser>
Status: NEW    
Severity: Normal CC: ahmad.saleem792, ap, bfulgham, mattwoodrow, rniwa, simon.fraser, webkit-bug-importer, zalan
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: Unspecified   
OS: Unspecified   
URL: https://maya.land/monologues/2021/02/15/css-dither.html
See Also: https://bugs.webkit.org/show_bug.cgi?id=242673
Attachments:
Description Flags
WIP none

Simon Fraser (smfr)
Reported 2021-02-16 08:46:37 PST
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.
Attachments
WIP (8.00 KB, patch)
2021-09-06 11:22 PDT, Simon Fraser (smfr)
no flags
Radar WebKit Bug Importer
Comment 1 2021-02-16 08:46:53 PST
Simon Fraser (smfr)
Comment 2 2021-09-06 11:18:57 PDT
Fixing this may require making filtered layers a clipping root for painting (like transforms). Need to fix RenderLayer::updateLayerPositions() and accumulateOffsetTowardsAncestor() code.
Simon Fraser (smfr)
Comment 3 2021-09-06 11:22:01 PDT
Ahmad Saleem
Comment 4 2022-06-11 03:56:34 PDT
I am still able to reproduce this bug in Safari 15.5 on macOS 12.4 and also on Safari Technology Preview 146. Thanks!
Note You need to log in before you can comment on or make changes to this bug.