Bug 246609

Summary:

rgba() border color rendering is not consistent in html tables

Product:

WebKit

Reporter:

spacebabe77

Component:

Tables

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

ahmad.saleem792, karlcow, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Safari 16

Hardware:

Mac (Intel)

OS:

macOS 12

URL:

https://software.hixie.ch/utilities/js/live-dom-viewer/?saved=13400

Attachments:

Description	Flags
Different rendering of rgba() border colors in table	none

spacebabe77

Reported 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>

Attachments
Different rendering of rgba() border colors in table (27.25 KB, image/png) 2022-10-17 02:35 PDT, spacebabe77	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2022-10-24 02:36:17 PDT

<rdar://problem/101492652>

Note You need to log in before you can comment on or make changes to this bug.