Bug 192563

Summary: background-image gradient shifts color when page width increases
Product: WebKit Reporter: Devin Rousso <hi>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: REOPENED    
Severity: Normal CC: ahmad.saleem792, karlcow, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: WebKit Nightly Build   
Hardware: Unspecified   
OS: Unspecified   
URL: data:text/html,<body%20style="background-image:%20linear-gradient(0deg,%20red,%20green,%20blue)">
Attachments:
Description Flags
[Video] Screenrecording of issue
none
rendering in Safari, firefox, chrome
none
rendering in Safari, firefox, chrome none

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
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
View All Add attachment proposed patch, testcase, etc.
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
<rdar://problem/114395167>
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.