Bug 133758

Summary: Fullscreen mode not working with inline block
Product: WebKit Reporter: Jeremie Patonnier <jeremie.patonnier>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: benjamin, jer.noble
Priority: P2    
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: Unspecified   
Attachments:
Description Flags
Test case none

Description Jeremie Patonnier 2014-06-11 12:59:39 PDT
Created attachment 232892 [details]
Test case

What steps will reproduce the problem?
1. Open the attached file
2. Click on the blue rectangle
3. You enter fullscreen mode and the whole screen is blue
4. Exit fullscreen
5. Click on the green rectangle
6. You enter fullscreen mode but only a green column is visible

What is the expected result?
When you click on the green rectangle, the whole screen should become green

What happens instead?
The screen remain black with a green column.

This the conjunction of a display:inline-block properties with relative sizing (percentage values on width and height). Firefox handle it well by resolving the size of the fullscreened element against the screen size. Chrome also fails.