Bug 226406

Summary:

background image gradient colors wrong when background-attachment:fixed is used inside scrollable element

Product:

WebKit

Reporter:

Cameron McCormack (:heycam) <heycam>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW ---

Severity:

Normal

CC:

bfulgham, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

WebKit Local Build

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
test	none

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.