Bug 69071 – Invisible content with positioned html::before and html::after pseudo-elements

• Status: UNCONFIRMED
• Component: Layout and Rendering

[Florens Verschelde]

Created attachment 109134 [details]
ZIP with 3 HTML pages showing the issue

The following CSS will make the BODY content invisible in WebKit:

html::before {
  content: "";
  position: absolute;
}

Conditions for the bug:
- A rendered html::before or html::after pseudo-element.
- With absolute or fixed position.

Effects:
- The pseudo-element seems to take the full width and height of the viewport (ignoring width and height properties).
- All page content becomes invisible but is still there and can still be clicked or inspected.

I've prepared a small test case (3 pages, attached).
This problem affects current WebKit nightlies (OSX), Chrome 14 et 12 (OSX, Windows), Safari 5.1 (OSX, Windows), but not Safari 5.0 and 4.0 (Windows). Non-WebKit browsers are not affected.

This might be related to, or indeed a duplicate of, Bug 62862.