Open Bug 714809 Opened 13 years ago Updated 4 months ago

background propagation to viewport in fullscreen issue

Categories

(Core :: Layout: Images, Video, and HTML Frames, defect)

Product:
Core
Component:
Layout: Images, Video, and HTML Frames
Platform:
x86
macOS
Type:
defect

Tracking

()

Status:
UNCONFIRMED

People

(Reporter: b.oomens, Unassigned)

References

(
URL
)

Details

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_2) AppleWebKit/535.7 (KHTML, like Gecko) Chrome/16.0.912.63 Safari/535.7 Steps to reproduce: To test it's possibilities I've created a FullScreen API demo over at: http://jussay.in/testcases/fullscreen/ and used a background-image on the <html> node that covers the full screen (via background-size). The icon in the right upper corner triggers fullscreen mode. Actual results: When clicking this icon the page enters fullscreen mode as it should...yet the background-image disappears and the background turns white. Expected results: It should display the background-image correctly instead of showing just a white background.
PS this is my first (browser related) bug report so if I am doing something wrong...please do tell ;)
Component: General → Untriaged
QA Contact: general → untriaged
Thanks for the testcase! I won't claim to understand css backgrounds, but I noticed that if I remove "background-size: cover" the image is displayed...
Blocks: 545812
Component: Untriaged → General
Product: Firefox → Core
QA Contact: untriaged → general
Summary: Page turns white when entering fullscreen mode (FullScreen API) → CSS background-image not displayed, page turns white when entering DOM fullscreen mode
Version: 11 Branch → Trunk
I ran into a very similar issue in reveal.js. When I fullscreen the slides the background image goes away. I made a reduced test case: https://blog.wanderview.com/bg-image-bug/ I was able to work around the problem by doing document.documentElement.requestFullscreen() instead of document.body.requestFullcreen(). Anne suggested there might be a spec issue here: https://github.com/whatwg/fullscreen/issues/40
Severity: normal → S3

The http://jussay.in/testcases/fullscreen/ went away.

https://blog.wanderview.com/bg-image-bug/

is still around, and I can enter full-screen successfully. However

https://github.com/whatwg/fullscreen/issues/40

is still open. Not sure what this tells us.

URL: http://jussay.in/testcases/fullscreen/ → https://blog.wanderview.com/bg-image-...
Severity: S3 → --
Component: General → DOM: Core & HTML

This issue looks still valid.

Severity: -- → S3

Chrome, Safari and Firefox all render the same on my machine on https://blog.wanderview.com/bg-image-bug/ in fullscreen. So even if the spec issue hasn't resolved browsers at least agree right now.

Component: DOM: Core & HTML → Layout: Images, Video, and HTML Frames
Summary: CSS background-image not displayed, page turns white when entering DOM fullscreen mode → background propagation to viewport in fullscreen issue
You need to log in before you can comment on or make changes to this bug.