Bug 965593. Only use large z-index on root scroll frames to make overlay scrollbars draw above other content. r=roc
authorTimothy Nikkel <tnikkel@gmail.com>
Thu, 06 Feb 2014 16:46:21 -0600
changeset 170799 9700cc023e477d6f2c09447d6e30c81e80f42d6f
parent 170798 395177ab859b8358fdec0d67626c8c1e6e7eae06
child 170894 d11a993d78468f867ee21093d81dadae8404d750
push id270
push userpvanderbeken@mozilla.com
push dateThu, 06 Mar 2014 09:24:21 +0000
reviewersroc
bugs965593
milestone30.0a1
Bug 965593. Only use large z-index on root scroll frames to make overlay scrollbars draw above other content. r=roc For non-root scroll frames this would lead to the scrollbars drawing above content outside the scroll frame and above everything in the scroll frame.
b2g/chrome/content/content.css
--- a/b2g/chrome/content/content.css
+++ b/b2g/chrome/content/content.css
@@ -5,23 +5,26 @@
 @namespace url("http://www.w3.org/1999/xhtml");
 @namespace xul url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
 
 /* Style the scrollbars */
 xul|window xul|scrollbar {
   display: none;
 }
 
+html xul|scrollbar[root="true"] {
+  position: relative;
+  z-index: 2147483647;
+}
+
 html xul|scrollbar {
   -moz-appearance: none !important;
-  position: relative;
   background-color: transparent !important;
   background-image: none !important;
   border: 0px solid transparent !important;
-  z-index: 2147483647;
   pointer-events: none;
   opacity: 1;
 }
 
 xul|scrollbar[orient="vertical"] {
   -moz-margin-start: -8px;
   min-width: 8px;
   max-width: 8px;