Bug 246609 - rgba() border color rendering is not consistent in html tables
Summary: rgba() border color rendering is not consistent in html tables
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Tables (show other bugs)
Version: Safari 16
Hardware: Mac (Intel) macOS 12
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2022-10-17 02:35 PDT by spacebabe77
Modified: 2022-10-24 02:36 PDT (History)
2 users (show)

See Also:


Attachments
Different rendering of rgba() border colors in table (27.25 KB, image/png)
2022-10-17 02:35 PDT, spacebabe77
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description spacebabe77 2022-10-17 02:35:40 PDT
Created attachment 463024 [details]
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>
Comment 1 Radar WebKit Bug Importer 2022-10-24 02:36:17 PDT
<rdar://problem/101492652>