/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

quad-stack {
  position: relative;
  outline: none;
  overflow: scroll;
}

quad-stack > view-container {
  -webkit-transform-style: preserve-3d;
  display: -webkit-flex;
  outline: none;
  position: relative;
  z-index: 10;
}

quad-stack quad-view {
  -webkit-transform: translateZ(0); /* actual xform for depth is set in rAF */
  position: absolute;
  top: 0;
  z-index: -10; /* cause quad views to render under container scrollbars */
}

/* Copyright (c) 2012 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

quad-stack {
  position: relative;
  outline: none;
  overflow: scroll;
  z-index: 10; /* cause our scrollbars to render above our children. */
}

quad-stack > view-container {
  -webkit-transform-style: preserve-3d;
  display: -webkit-flex;
  outline: none;
  position: relative;
}

quad-stack quad-view {
  -webkit-transform: translateZ(0); /* actual xform for depth is set in rAF */
  position: absolute;
  top: 0;
}

Fix for QuadStack scrollbars rendering below children.
Fix for QuadStack scrollbars rendering below children.

This patch fixes the QuadStack scrollbars to render above
its child QuadView elements.

The fixed scrollbars can be seen in the frame viewer:
http://philbit.com/scrollbars.png

BUG=
R=nduca@chromium.org

Review URL: https://codereview.appspot.com/9852043

git-svn-id: 3a56fcae908c7e16d23cb53443ea4795ac387cf2@524 0e6d7f2b-9903-5b78-7403-59d27f066143
