Bug 257924

Summary: [LegacySVG] Div floating across SVG leaves a white trail
Product: WebKit Reporter: Shaun <shaunewilliams>
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: ahmad.saleem792, bfulgham, rbuis, simon.fraser, webkit-bug-importer, zalan, zimmermann
Priority: P2 Keywords: InRadar
Version: Safari 16   
Hardware: Mac (Apple Silicon)   
OS: macOS 13   
URL: https://jsbin.com/fapebec/4/edit?html,output
Attachments:
Description Flags
Test Case Reduction none

Description Shaun 2023-06-09 17:11:33 PDT 
Created attachment 466658 [details]
Test Case Reduction

Test case reduction— when a 1x1 div is floated over a 200x200 black rectangle, a white trail is created.  html file of the jsbin attached:
https://jsbin.com/fapebec/3/edit?html,output

Real world— these visual artifacts occurred on our tooltips when hovering over SVG charts:
https://github.com/metabase/metabase/pull/31494
Comment 1 Ahmad Saleem 2023-06-12 07:48:21 PDT 
I am able to reproduce this with WebKit ToT (265056@main) as well.
Comment 2 Radar WebKit Bug Importer 2023-06-16 17:12:17 PDT 
<rdar://problem/110925679>
Comment 3 Ahmad Saleem 2023-06-16 17:16:01 PDT 
Just to comment - I tried WebKit ToT (265260@main) and turning on ‘Layer Based SVG Engine’ (LBSE) seems to fix this issue and does not lead any mouse trial. I think it is more of SVG issue compared to Layout & Rendering.

CCing - Nikolas who is working on LBSE and might have more insight.