lineargradient tobottom does not appear to using correct geometry calculation
Categories
(Core :: Web Painting, defect, P3)
Tracking
()
People
(Reporter: brad.arant, Unassigned)
Details
Attachments
(2 files)
Andrid screenshot showing different behaviors.
Steps to recreate and identify issue:
css:
body {background: linear-gradient(to bottom, #ccc, #444);
font-family: exo2;
margin: 10px 10px 10px 10px;
width: 98%;
}
The 'to bottom' appears to use the length of the contents of the page as opposed to the window's bottom as shown in the screen grabs. The screen grabs are from Android but the issue is visible in the desktop version of Firefox.
In all other browsers this 'to bottom' indicates the bottom of the visible page area and does not limit itself to the container's contents as appears to happen in Firefox. Appears web-kit also shares this issue per this SO discussion:
|
Reporter | |
Comment 1•5 years ago
|
||
|
||
Updated•5 years ago
|
|
||
Comment 2•5 years ago
|
||
The priority flag is not set for this bug.
:mattwoodrow, could you have a look please?
For more information, please visit auto_nag documentation.
|
||
Comment 3•5 years ago
|
||
My reading of https://www.w3.org/TR/css-backgrounds-3/#root-background suggests that what we're doing is correct (using the size of the root element for the background positioning area, even when propagating the background to the canvas).
It looks like both Chrome and Safari on OSX are using the sizing it to the window size though. Dbaron, any thoughts on which is the correct behaviour?
|
|
||
Comment 4•5 years ago
|
||
Ah, this is just Blink and WebKit stretching the size of the root element on quirks mode. I'm pretty sure we have a bug on file for that.
|
|
||
Comment 5•5 years ago
|
||
A reduced test-case for this is data:text/html,<html style="background: red"><body style="margin: 0; background: green">.
So duplicate of bug 1259924 then?
Description
•