RESOLVED INVALID197957
Translucent border rendering issue in combination with gradient background 
https://bugs.webkit.org/show_bug.cgi?id=197957
Summary Translucent border rendering issue in combination with gradient background
Jonas Treub
Reported 2019-05-16 12:32:26 PDT
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
Comment 1 2019-05-17 11:57:24 PDT
<rdar://problem/50900823>
Simon Fraser (smfr)
Comment 2 2019-05-17 12:42:44 PDT
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.
Note You need to log in before you can comment on or make changes to this bug.