Bug 197957
| Summary: | Translucent border rendering issue in combination with gradient background | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | Jonas Treub <jonastreub> |
| Component: | Compositing | Assignee: | Nobody <webkit-unassigned> |
| Status: | RESOLVED INVALID | ||
| Severity: | Normal | CC: | dino, simon.fraser, webkit-bug-importer, zalan |
| Priority: | P2 | Keywords: | InRadar |
| Version: | Safari Technology Preview | ||
| Hardware: | Mac | ||
| OS: | macOS 10.14 | ||
Jonas Treub
Overview:
Translucent border looks off when rendering in combination with a gradient background.
1) View the example: https://codepen.io/jonastreub/pen/JqNNPP
2) Notice that the border looks off on the top and bottom sides
Expected Results: translucent border to darken the background evenly
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
Radar WebKit Bug Importer
<rdar://problem/50900823>
Simon Fraser (smfr)
This is correct behavior. The background is tiled to the inside of the border, so you're seeing background tiling behind the alpha border.
Safari, Chrome and Firefox all render this the same way.