207421 2020-02-07 17:11:42 -0800 svg foreignObject with overflow:visible has bad repaints (repaint turds) 2022-07-18 11:35:03 -0700 1 1 1 Unclassified WebKit SVG Safari 13 Mac macOS 10.15 NEW https://bugs.webkit.org/show_bug.cgi?id=207586 InRadar P2 Normal --- 1 marijanlekic89 webkit-unassigned ahmad.saleem792 ap dino sabouhallawa simon.fraser webkit-bug-importer zalan zimmermann oldest_to_newest 1616483 0 marijanlekic89 2020-02-07 17:11:42 -0800 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" 1616738 1 ap 2020-02-09 18:18:00 -0800 Reproduces with STP too. 1616739 2 webkit-bug-importer 2020-02-09 18:18:15 -0800 <rdar://problem/59299110> 1616958 3 simon.fraser 2020-02-10 10:41:57 -0800 Not "frame lag", just bad repaints. 1884793 4 ahmad.saleem792 2022-07-18 11:35:03 -0700 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.