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

Shaun
Reported 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
Attachments
Test Case Reduction (750 bytes, text/html)
2023-06-09 17:11 PDT, Shaun 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Ahmad Saleem
Comment 1 2023-06-12 07:48:21 PDT
I am able to reproduce this with WebKit ToT (265056@main) as well.
Radar WebKit Bug Importer
Comment 2 2023-06-16 17:12:17 PDT
<rdar://problem/110925679>
Ahmad Saleem
Comment 3 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.
Note You need to log in before you can comment on or make changes to this bug.