Bug 192563 - background-image gradient shifts color when page width increases
Summary: background-image gradient shifts color when page width increases
Status: REOPENED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL: data:text/html,<body%20style="backgro...
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2018-12-10 11:49 PST by Devin Rousso
Modified: 2024-02-09 10:49 PST (History)
4 users (show)

See Also:


Attachments
[Video] Screenrecording of issue (48.69 MB, video/quicktime)
2018-12-10 11:49 PST, Devin Rousso
no flags Details
rendering in Safari, firefox, chrome (457.65 KB, image/png)
2023-08-23 22:44 PDT, Karl Dubost
no flags Details
rendering in Safari, firefox, chrome (1.62 MB, image/png)
2023-08-23 22:45 PDT, Karl Dubost
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Devin Rousso 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)">
Comment 1 Ahmad Saleem 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.
Comment 2 Karl Dubost 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)">
Comment 3 Karl Dubost 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)">
Comment 4 Radar WebKit Bug Importer 2023-08-24 12:13:09 PDT
<rdar://problem/114395167>
Comment 5 Simon Fraser (smfr) 2023-08-24 13:34:58 PDT
This is a bug in a system component below WebKit.
Comment 6 Alexey Proskuryakov 2024-02-09 10:49:02 PST
This is being investigated as a WebKit bug again, re-opening.