Bug 226406 - background image gradient colors wrong when background-attachment:fixed is used inside scrollable element
Summary: background image gradient colors wrong when background-attachment:fixed is us...
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Local Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-05-28 16:51 PDT by Cameron McCormack (:heycam)
Modified: 2022-03-28 14:57 PDT (History)
4 users (show)

See Also:

Attachments
test (439 bytes, text/html)
2021-05-28 16:51 PDT, Cameron McCormack (:heycam) 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Cameron McCormack (:heycam) 2021-05-28 16:51:12 PDT 
Created attachment 430074 [details]
test

Noticed this while working on bug 226399.  Only tested on macOS.  STR:

1. Open the test case.
2. Resize the Safari window as small as possible while still showing the entire blue-bordered element.
3. Scroll the blue-bordered element down.
4. Notice that about half way through the scrollable area, the gradient changes colors slightly.

I reproduced on the oldest Safari I could run on my Big Sur machine.
Comment 1 Radar WebKit Bug Importer 2021-05-28 20:35:14 PDT 
<rdar://problem/78642026>
Comment 2 Simon Fraser (smfr) 2022-03-28 14:57:40 PDT 
The cached image buffer created by GradientImage::drawPattern() needs to match the destination colorspace.