Bug 234754

Summary:

SVG fill property does not cascade into an https: link

Product:

WebKit

Reporter:

Jed Fox <jed>

Component:

SVG

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

sabouhallawa, zimmermann

Priority:

Version:

Safari Technology Preview

Hardware:

Mac (Apple Silicon)

OS:

macOS 12

Attachments:

Description	Flags
HTML page demonstrating the described behavior. All circles should be green.	none

Jed Fox

Reported 2021-12-30 11:34:48 PST

Created attachment 448103 [details] HTML page demonstrating the described behavior. All circles should be green. The 'fill' property correctly cascades through any intervening tags in all cases that I have checked, except when the tag is an anchor tag with an href starting with "https:" I have tested on: - macOS 12.1 (21C52) on a MacBook Pro (14-inch, 2021, M1 Pro): - fail: Safari Technology Preview (Release 137 (Safari 15.4, WebKit 17613.1.11.8)) - pass: Chrome (Version 96.0.4664.110 (Official Build) (arm64)) - pass: Firefox (95.0 (64-bit)) - iOS 15.2 (19C57) on an iPhone 13 Pro (MLTP3LL/A) - fail: Safari - pass: Chrome for iOS (96.0.4664.116) The one circle that Safari renders incorrectly has this HTML structure: <span style="fill: green"> <a href="https://example.com"> <svg width="16" height="16"> <circle cx="8" cy="8" r="8" /> </svg> </a> </span>

Attachments
HTML page demonstrating the described behavior. All circles should be green. (2.76 KB, text/html) 2021-12-30 11:34 PST, Jed Fox	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Jed Fox

Comment 1 2021-12-30 11:48:08 PST

Update: it looks like it has been fixed in the latest WebKit build (r287484). Apologies for not checking this before reporting!

Note You need to log in before you can comment on or make changes to this bug.