REOPENED 192563
background-image gradient shifts color when page width increases
https://bugs.webkit.org/show_bug.cgi?id=192563
Summary background-image gradient shifts color when page width increases
Devin Rousso
Reported 2018-12-10 11:49:05 PST
Created attachment 356976 [details] [Video] Screenrecording of issue When expanding the page beyond ~1600px, the background-image gradient changes colors: data:text/html,<body%20style="background-image:%20linear-gradient(0deg,%20red,%20green,%20blue)"> data:text/html,<body%20style="background-image:%20radial-gradient(%20red,%20green,%20blue)">
Attachments
[Video] Screenrecording of issue (48.69 MB, video/quicktime)
2018-12-10 11:49 PST, Devin Rousso
no flags
rendering in Safari, firefox, chrome (457.65 KB, image/png)
2023-08-23 22:44 PDT, Karl Dubost
no flags
rendering in Safari, firefox, chrome (1.62 MB, image/png)
2023-08-23 22:45 PDT, Karl Dubost
no flags
Ahmad Saleem
Comment 1 2023-08-23 14:14:52 PDT
Using test case from URL field and when I load it in 'MiniBrowser' based on WebKit ToT (267195@main), when changing width of window, Safari does have color shift compared to Chrome Canary 118, which does not.
Karl Dubost
Comment 2 2023-08-23 22:44:37 PDT
Created attachment 467410 [details] rendering in Safari, firefox, chrome data:text/html,<body style="background-image: linear-gradient(0deg, red, green, blue)">
Karl Dubost
Comment 3 2023-08-23 22:45:38 PDT
Created attachment 467411 [details] rendering in Safari, firefox, chrome data:text/html,<body style="background-image: radial-gradient( red, green, blue)">
Radar WebKit Bug Importer
Comment 4 2023-08-24 12:13:09 PDT
Simon Fraser (smfr)
Comment 5 2023-08-24 13:34:58 PDT
This is a bug in a system component below WebKit.
Alexey Proskuryakov
Comment 6 2024-02-09 10:49:02 PST
This is being investigated as a WebKit bug again, re-opening.
Note You need to log in before you can comment on or make changes to this bug.