[Webkit-unassigned] [Bug 246609] New: rgba() border color rendering is not consistent in html tables

Mon Oct 17 02:35:40 PDT 2022

https://bugs.webkit.org/show_bug.cgi?id=246609

            Bug ID: 246609
           Summary: rgba() border color rendering is not consistent in
                    html tables
           Product: WebKit
           Version: Safari 16
          Hardware: Mac (Intel)
                OS: macOS 12
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Tables
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: spacebabe77 at gmail.com
                CC: zalan at apple.com

Created attachment 463024

  --> https://bugs.webkit.org/attachment.cgi?id=463024&action=review

Different rendering of rgba() border colors in table

The rgba() border color is rendered with different color lightness in Safari 16 on Mac. It only occurs on borders in tables, especially the last row has a lighter color rendering. See screenshot and the html/css example:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        body {
            background-color: #ddd;
            padding: 3vw 3vh;
        }

        table { border-collapse: collapse; }

        td { border-bottom: 1px solid rgba(0, 0, 0, 0.3); }
    </style>
</head>
<body>
    <table>
        <tr>
            <td>column 1</td>
            <td> column 2</td>
            <td> column 3</td>
        </tr>
        <tr>
            <td>column 1</td>
            <td> column 2</td>
            <td> column 3</td>
        </tr>
        <tr>
            <td> column 1</td>
            <td> column 2</td>
            <td> column 3</td>
        </tr>
        <tr>
            <td> column 1</td>
            <td> column 2</td>
            <td> column 3</td>
        </tr>
        <tr>
            <td> column 1</td>
            <td> column 2</td>
            <td> column 3</td>
        </tr>
    </table>
</body>
</html>

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20221017/0112726a/attachment.htm>