133758 2014-06-11 12:59:39 -0700 Fullscreen mode not working with inline block 2014-06-11 15:30:25 -0700 1 1 1 Unclassified WebKit CSS 528+ (Nightly build) Unspecified Unspecified NEW P2 Normal --- 1 jeremie.patonnier webkit-unassigned benjamin jer.noble oldest_to_newest 1014864 0 232892 jeremie.patonnier 2014-06-11 12:59:39 -0700 Created attachment 232892 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. 232892 2014-06-11 12:59:39 -0700 2014-06-11 12:59:39 -0700 Test case fullscreen.html text/html 1397 jeremie.patonnier PCFET0NUWVBFIGh0bWw+Cjx0aXRsZT50ZXN0IGZ1bGxzY3JlZW48L3RpdGxlPgoKPHNjcmlwdD4K ZnVuY3Rpb24gdG9nZ2xlRnVsbHNjcmVlbihlKSB7CiAgdmFyIGlzRnVsbHNjcmVlbiA9ICEoIWRv Y3VtZW50LndlYmtpdEZ1bGxzY3JlZW5FbGVtZW50ICYmCiAgICAgICAgICAgICAgICAgICAgICAg IWRvY3VtZW50Lm1vekZ1bGxTY3JlZW5FbGVtZW50ICYmCiAgICAgICAgICAgICAgICAgICAgICAg IWRvY3VtZW50Lm1zRnVsbHNjcmVlbkVsZW1lbnQgJiYKICAgICAgICAgICAgICAgICAgICAgICAh ZG9jdW1lbnQuZnVsbHNjcmVlbkVsZW1lbnQpOwoKICB2YXIgcmVxdWVzdEZTID0gZS50YXJnZXQu d2Via2l0UmVxdWVzdEZ1bGxzY3JlZW4gfHwKICAgICAgICAgICAgICAgICAgZS50YXJnZXQubW96 UmVxdWVzdEZ1bGxTY3JlZW4gfHwKICAgICAgICAgICAgICAgICAgZS50YXJnZXQubXNSZXF1ZXN0 RnVsbHNjcmVlbiB8fAogICAgICAgICAgICAgICAgICBlLnRhcmdldC5yZXF1ZXN0RnVsbHNjcmVl bjsKCiAgdmFyIGV4aXRGUyA9IGRvY3VtZW50LndlYmtpdEV4aXRGdWxsc2NyZWVuIHx8CiAgICAg ICAgICAgICAgIGRvY3VtZW50Lm1vekNhbmNlbEZ1bGxTY3JlZW4gfHwKICAgICAgICAgICAgICAg ZG9jdW1lbnQubXNFeGl0RnVsbHNjcmVlbiB8fAogICAgICAgICAgICAgICBkb2N1bWVudC5leGl0 RnVsbHNjcmVlbjsKCiAgaWYgKGlzRnVsbHNjcmVlbikgewogICAgZXhpdEZTLmNhbGwoZG9jdW1l bnQpOwogIH0gZWxzZSB7CiAgICByZXF1ZXN0RlMuY2FsbChlLnRhcmdldCwgRWxlbWVudC5BTExP V19LRVlCT0FSRF9JTlBVVCk7CiAgfQp9Cgp3aW5kb3cuYWRkRXZlbnRMaXN0ZW5lcignbG9hZCcs IGZ1bmN0aW9uICgpIHsKICB2YXIgYSA9IGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCdhJyk7CiAg dmFyIGIgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgnYicpOwoKICBhLmFkZEV2ZW50TGlzdGVu ZXIoJ2NsaWNrJywgdG9nZ2xlRnVsbHNjcmVlbik7CiAgYi5hZGRFdmVudExpc3RlbmVyKCdjbGlj aycsIHRvZ2dsZUZ1bGxzY3JlZW4pOwp9KQo8L3NjcmlwdD4KCjxzdHlsZT4KLmJnIHsKICB3aWR0 aCA6IDIwMHB4OwogIGhlaWdodDogMTUwcHg7CiAgYmFja2dyb3VuZDogcmVkOwp9CgojYSB7CiAg d2lkdGggOiAxMDAlOwogIGhlaWdodDogMTAwJTsKICBiYWNrZ3JvdW5kOiBncmVlbjsKCiAgZGlz cGxheTogaW5saW5lLWJsb2NrOwp9CgojYiB7CiAgd2lkdGggOiAxMDAlOwogIGhlaWdodDogMTAw JTsKICBiYWNrZ3JvdW5kOiBibHVlOwp9Cjwvc3R5bGU+Cgo8ZGl2IGNsYXNzPSJiZyI+CiAgPGRp diBpZD0iYSI+CiAgICBBCiAgPC9kaXY+CjwvZGl2PgoKPGRpdiBjbGFzcz0iYmciPgogIDxkaXYg aWQ9ImIiPgogICAgQgogIDwvZGl2Pgo8L2Rpdj4=