Closed Bug 532826 Opened 16 years ago Closed 16 years ago

Vertical gradients applied to the <html> element repeat if the page is shorter than the window

Categories

(Core :: Web Painting, defect)

defect
Not set
normal

Tracking

()

VERIFIED INVALID

People

(Reporter: zwol, Unassigned)

Details

Attachments

(2 files)

Attached file test case
This is a spinoff of bug 532721. If the <html> element is styled with a vertical gradient, and the content of the page is shorter than the window, the gradient will repeat at intervals equal to the page height.
Flags: blocking1.9.2?
I believe this is correct as per spec.
(In reply to comment #2) > I believe this is correct as per spec. Because background-repeat has not been turned off? I was expecting only gradients specified with -moz-repeating-*-gradient to repeat at all.
http://dev.w3.org/csswg/css3-background/#special-backgrounds The "background painting area" is the viewport but the "background positioning area" is the root element. http://dev.w3.org/csswg/css3-background/#background-size The default background-size for gradients makes the background image fill the background positioning area, i.e., the root element. The default background-repeat value is 'repeat', so the background image is tiled over the viewport.
So I'm pretty sure this is invalid. However if you want to get the spec changed to give different results for this case, that might be worth pushing in www-style. I'm not sure how to do that though. One possibility would be to change #special-backgrounds so that when the background is propagated from the root element or body to the viewport, the background positioning area becomes the initial containing block. But that could have rather drastic effects on Web compatibility...
Status: NEW → RESOLVED
Closed: 16 years ago
Flags: blocking1.9.2? → blocking1.9.2-
Resolution: --- → INVALID
Status: RESOLVED → VERIFIED
Component: Layout: View Rendering → Layout: Web Painting
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: