Bug 151995

Summary: Overflowing SVG is sometimes clipped at tile boundaries
Product: WebKit Reporter: Simon Fraser (smfr) <simon.fraser>
Component: SVGAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ahmad.saleem792, bfulgham, karlcow, simon.fraser, webkit-bug-importer, zalan, zimmermann
Priority: P2 Keywords: InRadar, SVGHitList
Version: Safari 9   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Testcase none

Description Simon Fraser (smfr) 2015-12-08 09:53:33 PST
Created attachment 266901 [details]
Testcase

Attached testcase shows a bug where overflowing SVG is clipped sometimes.

The bug is that we treat the RenderSVGRoot as a layout boundary, but when it has overflow, we need to propagate layout to the containers, so that the inline boxes compute the correct overflow.
Comment 1 Radar WebKit Bug Importer 2019-01-08 11:40:45 PST
<rdar://problem/47122527>
Comment 2 Ahmad Saleem 2022-09-03 11:10:32 PDT
I am able to reproduce this bug in Safari 15.6.1 and Safari Technology Preview 152 using attached test css and when the green tile goes to bottom right corner, it clips and does not show full box immediately and sometime it shows and sometime clipped. All other browsers (Chrome Canary 107 and Firefox Nightly 106) work fine. Thanks!
Comment 3 Ahmad Saleem 2023-04-14 21:34:55 PDT
When I merge Blink's patch as part of bug 199364, this also get fixed. Tested locally.

Last time, I did the PR here - https://github.com/WebKit/WebKit/pull/9138

We can't merge Blink's patch (test cases) since they can be flaky.
Comment 4 Ahmad Saleem 2023-12-13 01:16:03 PST
@Karl - is it reproducible for you. It isn't reproducible to me anymore.
Comment 5 Karl Dubost 2023-12-13 03:26:38 PST
Ahmad, Simon,

I have two different behaviors:

Scenario A
1. Load the test case
2. stay on the window
Result: The green box after moving is not clipped

Scenario B
1. Load the test case
2. Go to the Finder
Result: The green box after moving is clipped
Comment 6 Karl Dubost 2023-12-13 03:27:36 PST
but if in Scenario B if I click on the window the box gets unclipped again.
Comment 7 Karl Dubost 2023-12-13 03:29:01 PST
Firefox and Chrome never clips the green box.
Comment 8 Simon Fraser (smfr) 2023-12-13 12:42:24 PST
You need to put the Safari window into the background to see the bug. It still reproduces.
Comment 9 Simon Fraser (smfr) 2023-12-13 15:23:44 PST
Turn on layer borders in web inspector to see the tiling change in background windows.