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