Bug 207421
| Summary: | svg foreignObject with overflow:visible has bad repaints (repaint turds) | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Marijan Lekic <marijanlekic89> |
| Component: | SVG | Assignee: | Nobody <webkit-unassigned> |
| Status: | NEW | ||
| Severity: | Normal | CC: | ahmad.saleem792, ap, dino, sabouhallawa, simon.fraser, webkit-bug-importer, zalan, zimmermann |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 13 | ||
| Hardware: | Mac | ||
| OS: | macOS 10.15 | ||
| See Also: | https://bugs.webkit.org/show_bug.cgi?id=207586 | ||
Marijan Lekic
SVG foreignObject is not rendered correctly when its "overflow" attribute is set to "visible".
When moving such an object it causes famous "frame lag" effect.
Minimum reproducible scenario:
Take a red rectangle and move it (drag it):
https://jsfiddle.net/8xvobd43/3/
UserAgent: "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.5 Safari/605.1.15"
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Alexey Proskuryakov
Reproduces with STP too.
Radar WebKit Bug Importer
<rdar://problem/59299110>
Simon Fraser (smfr)
Not "frame lag", just bad repaints.
Ahmad Saleem
I am able to reproduce (repaint) issue from "JSFiddle" mentioned in Description using Safari 15.5 / Safari Technical Preview 149 on macOS 12.4. Thanks!
Chrome Canary 105 works fine while Firefox Nightly 104 has weird issue, where clicking to drag on "red" box makes it move too fast and go to oblivion out of view port.