Bug 257924 - [LegacySVG] Div floating across SVG leaves a white trail
Summary: [LegacySVG] Div floating across SVG leaves a white trail
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 16
Hardware: Mac (Apple Silicon) macOS 13
: P2 Normal
Assignee: Nobody
URL: https://jsbin.com/fapebec/4/edit?html...
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-06-09 17:11 PDT by Shaun
Modified: 2024-03-14 03:31 PDT (History)
7 users (show)

See Also:

Attachments
Test Case Reduction (750 bytes, text/html)
2023-06-09 17:11 PDT, Shaun 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.