Bug 250881
| Summary: | REGRESSION (Safari 15.5 - 16.2): Border with opacity breaks background image with svg and gradient | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | garrytaulu |
| Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED WORKSFORME | ||
| Severity: | Major | CC: | sabouhallawa, simon.fraser, smoley, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari 16 | ||
| Hardware: | Unspecified | ||
| OS: | Unspecified | ||
garrytaulu
This use to work correctly in Safari 15.5 but is now broken in 16.2 (and possibly earlier versions). Works correctly in Chrome and Firefox.
Issue:
Elements that have a background-image that contain an SVG and gradient break when a border with opacity is applied. It seems like the gradient is being removed.
Example:
https://codepen.io/garrytaulu/pen/PoBEYmz
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/104457420>
Simon Fraser (smfr)
Possibly the same as bug 238088.
Smoley
Thanks for filing, this does not reproduce for me on macOS 13.2 (22D49) https://developer.apple.com/download/
Does this reproduce for you on that build, or on Safari Technology Preview if you prefer not to update macOS at the moment?
https://developer.apple.com/safari/technology-preview/
garrytaulu
I can confirm that this is indeed fixed in macOS 13.2 / Safari 16.3.
Thank you.
garrytaulu
(In reply to garrytaulu from comment #4)
> I can confirm that this is indeed fixed in macOS 13.2 / Safari 16.3.
>
> Thank you.
But oddly not fixed in iOS 16.3, so I guess it’s half resolved 😊