RESOLVED CONFIGURATION CHANGED 116869
Gradient angle ignored for certain angle-height-combinations
https://bugs.webkit.org/show_bug.cgi?id=116869
Summary Gradient angle ignored for certain angle-height-combinations
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
transparent gradient, angle ignored, with text on it (31.84 KB, image/png)
2013-05-28 08:40 PDT, Andy Pillip
no flags
transparent gradient, angle ignored, after selecting and unselecting text (32.88 KB, image/png)
2013-05-28 08:41 PDT, Andy Pillip
no flags
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.