Open
Bug 1301634
Opened 9 years ago
Updated 3 years ago
Gradient on <body> repeated if height is smaller than the viewport
Categories
(Core :: Graphics, defect, P3)
Core
Graphics
Tracking
()
NEW
People
(Reporter: darktrojan, Unassigned)
Details
(Whiteboard: gfx-noted)
Attachments
(1 file)
|
122 bytes,
text/html
|
Details |
When viewing the test case I've attached, there should be one white circle in the middle of the page, but instead Firefox draws white circles repeating down the screen.
|
||
Comment 1•9 years ago
|
||
Can you attach your about:support please?
Flags: needinfo?(geoff)
Whiteboard: gfx-noted
|
||
Comment 2•9 years ago
|
||
(In reply to Geoff Lankow (:darktrojan) from comment #0)
> Created attachment 8789704 [details]
> gradient.html
>
> When viewing the test case I've attached, there should be one white circle
> in the middle of the page, but instead Firefox draws white circles repeating
> down the screen.
Why do you think there should only be one white circle?
|
|
||
Comment 3•9 years ago
|
||
Edge also has multiple circles.
|
Reporter | |
Comment 4•9 years ago
|
||
I think the issue is how the <body>'s height is calculated for the background (when it is smaller than the viewport); it also affects images with background-size: contain. Chrome just uses the height of the viewport. Firefox and Edge use the height of the body plus its margins. I guess this isn't explicitly stated in a spec somewhere?
|
|
Reporter | |
Comment 5•9 years ago
|
||
Clearing the ni? because I don't think this is specific to my install.
Flags: needinfo?(geoff)
|
||
Updated•9 years ago
|
Priority: -- → P3
|
||
Updated•3 years ago
|
Severity: normal → S3
You need to log in
before you can comment on or make changes to this bug.
Description
•