Bug 133758 - Fullscreen mode not working with inline block
Summary: Fullscreen mode not working with inline block
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords:
Depends on:
Blocks:
 
Reported: 2014-06-11 12:59 PDT by Jeremie Patonnier
Modified: 2014-06-11 15:30 PDT (History)
2 users (show)

See Also:


Attachments
Test case (1.36 KB, text/html)
2014-06-11 12:59 PDT, Jeremie Patonnier
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
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.