788387 - :fullscreen pseudo-class should have box-sizing:border-box style

Status: RESOLVED FIXED

Description

[Chris Pearce (:cpearce)]

The fullscreen spec [1] says that the :fullscreen pseudo-class should have the box-sizing:border-box style.

Without this, the fullscreen element's content is offset by the width of its borders and padding, causing content at the right and bottom to be outside of the view port.

For example, see the testcase:
http://people.mozilla.org/~cpearce/lorem-fullscreen.html

Click the "lorem" button to fullscreen div containing the "Lorem ipsum..." text, and note that the vertical scroll bar and right border is hidden off-screen, and the last line is lost too when you scroll to the bottom too.

[1] http://dvcs.w3.org/hg/fullscreen/raw-file/tip/Overview.html#:fullscreen-pseudo-class

Comment 1

[Chris Pearce (:cpearce)]

Created attachment 658354 [details] [diff] [review]
Patch: Add -moz-box-sizing:border-box to :-moz-full-screen

Comment 2

[Chris Pearce (:cpearce)]

https://hg.mozilla.org/integration/mozilla-inbound/rev/35e22307b242

Comment 3

[Ryan VanderMeulen [:RyanVM]]

https://hg.mozilla.org/mozilla-central/rev/35e22307b242