NEW246609
rgba() border color rendering is not consistent in html tables 
https://bugs.webkit.org/show_bug.cgi?id=246609
Summary rgba() border color rendering is not consistent in html tables
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.