Bug 116869

Summary:

Gradient angle ignored for certain angle-height-combinations

Product:

WebKit

Reporter:

Andy Pillip <p>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

bfulgham, dino, simon.fraser

Priority:

Version:

528+ (Nightly build)

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
HTML and CSS that demonstrate the issue	none
transparent gradient, angle ignored, with text on it	none
transparent gradient, angle ignored, after selecting and unselecting text	none

Andy Pillip

Reported 2013-05-28 08:39:29 PDT

Created attachment 203057 [details] HTML and CSS that demonstrate the issue Please check out the example HTML to see the effect: When resizing a box with an angled linear gradient in the background, at some height the gradient is suddenly rendered vertically. I could reproduce the issue in * Chromium on Linux (Webkit 537.22) * Chrome on Android (Webkit 537.19) It's fine in * Opera on Android (Webkit 537.31) * Next browser on Android (Webkit 534.30) Sorry for not testing in the latest nightly, getting it run on Linux is quite a lot of work.

Attachments
HTML and CSS that demonstrate the issue (895 bytes, text/html) 2013-05-28 08:39 PDT, Andy Pillip	no flags	Details
transparent gradient, angle ignored, with text on it (31.84 KB, image/png) 2013-05-28 08:40 PDT, Andy Pillip	no flags	Details
transparent gradient, angle ignored, after selecting and unselecting text (32.88 KB, image/png) 2013-05-28 08:41 PDT, Andy Pillip	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Andy Pillip

Comment 1 2013-05-28 08:40:47 PDT

Created attachment 203058 [details] transparent gradient, angle ignored, with text on it

Andy Pillip

Comment 2 2013-05-28 08:41:20 PDT

Created attachment 203059 [details] transparent gradient, angle ignored, after selecting and unselecting text

Andy Pillip

Comment 3 2013-05-28 08:43:17 PDT

Additionally there's a strange effect when selecting and unselecting text or hovering on links. This effect only occurs when the gradient is rendered vertically instead of inclined. Please refer to the images

Brent Fulgham

Comment 4 2022-07-13 14:49:32 PDT

Safari, Chrome, and Firefox all agree on rendering for this test case. I don't believe there is any remaining compatibility issue.

Note You need to log in before you can comment on or make changes to this bug.