1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/z-index/overlayscrollbar-sorting-5.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,43 @@
1.4 +<!--
1.5 + Any copyright is dedicated to the Public Domain.
1.6 + http://creativecommons.org/publicdomain/zero/1.0/
1.7 +-->
1.8 +<!DOCTYPE html>
1.9 +<meta charset="utf-8">
1.10 +<title>Test that overlay scrollbars are on top of positioned siblings when the scrollable frame has a positioned descendant that's higher than the sibling</title>
1.11 +
1.12 +<style>
1.13 +
1.14 +#outer {
1.15 + width: 200px;
1.16 + height: 200px;
1.17 + overflow: auto;
1.18 +}
1.19 +
1.20 +#content {
1.21 + height: 400px;
1.22 + background: cyan;
1.23 + position: relative;
1.24 + z-index: 3;
1.25 +}
1.26 +
1.27 +/* This test has different behavior depending on the type of scrollbar used.
1.28 + * We want the scrollbar to be visible. When overlay scrollbars are used,
1.29 + * they should be visible even when #cover gets between #outer and #content,
1.30 + * but for non-overlay scrollbars, that would cover them so we disable the
1.31 + * cover.
1.32 + */
1.33 +@media all and (-moz-overlay-scrollbars) {
1.34 + #cover {
1.35 + width: 200px;
1.36 + height: 200px;
1.37 + background: cyan;
1.38 + position: absolute;
1.39 + z-index: 2;
1.40 + }
1.41 +}
1.42 +
1.43 +</style>
1.44 +
1.45 +<div id="cover"></div>
1.46 +<div id="outer"><div id="content"></div></div>
