Content overflows with position: fixed

This is a webkit bug

This tests ensures that content overflows when a position: fixed is applied to an element. In the examples below, the red box has relative positioning and the green box has fixed positioning. The green box should overflow and should stay in place when scrolling the page.

Examples

Control case

z-index specified

In Chrome on a retina display, if the viewport scrollbars are visible clipping occurs, otherwise element behaves normally. In Safari the element is always clipped.

z-index specified and layer-promoted

Promoting a layer triggers clipping