| Summary: | background-image gradient shifts color when page width increases | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Product: | WebKit | Reporter: | Devin Rousso <hi> | ||||||||
| Component: | CSS | Assignee: | 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: |
|
||||||||||
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. Created attachment 467410 [details]
rendering in Safari, firefox, chrome
data:text/html,<body style="background-image: linear-gradient(0deg, red, green, blue)">
Created attachment 467411 [details]
rendering in Safari, firefox, chrome
data:text/html,<body style="background-image: radial-gradient( red, green, blue)">
This is a bug in a system component below WebKit. This is being investigated as a WebKit bug again, re-opening. |
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)">