Bug 1146145 - Revert previous fix and give the tests position:relative so they have the same z-ordering as the references.
authorL. David Baron <dbaron@dbaron.org>
Sun, 22 Mar 2015 12:53:09 -0700
changeset 265303 e0f47fcda5cde133697378cf7a2753a2d9538053
parent 265302 6e36e76aa85537c2d141902c68f7058c43ea972a
child 265304 467b5a5b5f71c55b1f78699bac900fff85f17470
push id830
push userraliiev@mozilla.com
push dateFri, 19 Jun 2015 19:24:37 +0000
treeherdermozilla-release@932614382a68 [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs1146145
milestone39.0a1
first release with
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
last release without
nightly linux32
nightly linux64
nightly mac
nightly win32
nightly win64
Bug 1146145 - Revert previous fix and give the tests position:relative so they have the same z-ordering as the references.
layout/reftests/floats/float-in-rtl-1-ref.html
layout/reftests/floats/float-in-rtl-1a.html
layout/reftests/floats/float-in-rtl-1b.html
layout/reftests/floats/float-in-rtl-1c.html
layout/reftests/floats/float-in-rtl-1d.html
layout/reftests/floats/float-in-rtl-2-ref.html
layout/reftests/floats/float-in-rtl-2a.html
layout/reftests/floats/float-in-rtl-2b.html
layout/reftests/floats/float-in-rtl-2c.html
layout/reftests/floats/float-in-rtl-2d.html
layout/reftests/floats/float-in-rtl-3-ref.html
layout/reftests/floats/float-in-rtl-3a.html
layout/reftests/floats/float-in-rtl-3b.html
layout/reftests/floats/float-in-rtl-3c.html
layout/reftests/floats/float-in-rtl-3d.html
layout/reftests/floats/float-in-rtl-4-ref.html
layout/reftests/floats/float-in-rtl-4a.html
layout/reftests/floats/float-in-rtl-4b.html
layout/reftests/floats/float-in-rtl-4c.html
layout/reftests/floats/float-in-rtl-4d.html
--- a/layout/reftests/floats/float-in-rtl-1-ref.html
+++ b/layout/reftests/floats/float-in-rtl-1-ref.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body>
 <div style="width:0px;height:0px;overflow:visible">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;left:200px;z-index:-1;"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;left:200px;"></div>
 </div>
 <div style="width:0px;height:0px;overflow:visible">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;left:100px;z-index:-1;"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;left:100px;"></div>
 </div>
 <div style="background:silver;padding-right:calc(100% - 100px);">
 This text should appear to the LEFT of the red and green blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-1a.html
+++ b/layout/reftests/floats/float-in-rtl-1a.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body>
 <div style="width:300px" dir="rtl">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
 </div>
 <div style="width:200px">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
 </div>
 <div style="background:silver">
 This text should appear to the LEFT of the red and green blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-1b.html
+++ b/layout/reftests/floats/float-in-rtl-1b.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body>
 <div style="width:300px">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
 </div>
 <div style="width:200px" dir="rtl">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
 </div>
 <div style="background:silver">
 This text should appear to the LEFT of the red and green blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-1c.html
+++ b/layout/reftests/floats/float-in-rtl-1c.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body>
 <div style="width:300px" dir="rtl">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
 </div>
 <div style="width:200px" dir="rtl">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
 </div>
 <div style="background:silver">
 This text should appear to the LEFT of the red and green blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-1d.html
+++ b/layout/reftests/floats/float-in-rtl-1d.html
@@ -1,19 +1,19 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body>
 <div dir="rtl" style="width:300px">
   <div style="width:300px">
-    <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
+    <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
   </div>
   <div style="width:200px">
-    <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
+    <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
   </div>
 </div>
 <div style="background:silver">
 This text should appear to the LEFT of the red and green blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-2-ref.html
+++ b/layout/reftests/floats/float-in-rtl-2-ref.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body>
 <div style="width:0px;height:0px;overflow:visible">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;left:0px;z-index:-1;"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;left:0px;"></div>
 </div>
 <div style="width:0px;height:0px;overflow:visible">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;left:100px;z-index:-1;"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;left:100px;"></div>
 </div>
 <div style="background:silver;padding-left:200px;">
 This text should appear to the RIGHT of the green and red blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-2a.html
+++ b/layout/reftests/floats/float-in-rtl-2a.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body>
 <div dir="rtl" style="width:300px">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
 </div>
 <div style="width:200px">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
 </div>
 <div style="background:silver">
 This text should appear to the RIGHT of the green and red blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-2b.html
+++ b/layout/reftests/floats/float-in-rtl-2b.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body>
 <div style="width:300px">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
 </div>
 <div dir="rtl" style="width:200px">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
 </div>
 <div style="background:silver">
 This text should appear to the RIGHT of the green and red blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-2c.html
+++ b/layout/reftests/floats/float-in-rtl-2c.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body>
 <div dir="rtl" style="width:300px">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
 </div>
 <div dir="rtl" style="width:200px">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
 </div>
 <div style="background:silver">
 This text should appear to the RIGHT of the green and red blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-2d.html
+++ b/layout/reftests/floats/float-in-rtl-2d.html
@@ -1,19 +1,19 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body>
 <div dir="rtl" style="width:-moz-fit-content">
   <div style="width:300px">
-    <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
+    <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
   </div>
   <div style="width:200px">
-    <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
+    <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
   </div>
 </div>
 <div style="background:silver">
 This text should appear to the RIGHT of the green and red blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-3-ref.html
+++ b/layout/reftests/floats/float-in-rtl-3-ref.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body dir="rtl">
 <div style="width:0px;height:0px;overflow:visible">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;right:200px;z-index:-1;"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;right:200px;"></div>
 </div>
 <div style="width:0px;height:0px;overflow:visible">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;right:100px;z-index:-1;"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;right:100px;"></div>
 </div>
 <div style="background:silver;padding-left:calc(100% - 100px);">
 This text should appear to the RIGHT of the green and red blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-3a.html
+++ b/layout/reftests/floats/float-in-rtl-3a.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body dir="rtl">
 <div dir="ltr" style="width:300px">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
 </div>
 <div style="width:200px">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
 </div>
 <div style="background:silver">
 This text should appear to the RIGHT of the green and red blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-3b.html
+++ b/layout/reftests/floats/float-in-rtl-3b.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body dir="rtl">
 <div style="width:300px">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
 </div>
 <div dir="ltr" style="width:200px">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
 </div>
 <div style="background:silver">
 This text should appear to the RIGHT of the green and red blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-3c.html
+++ b/layout/reftests/floats/float-in-rtl-3c.html
@@ -1,16 +1,16 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body dir="rtl">
 <div dir="ltr" style="width:300px">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
 </div>
 <div dir="ltr" style="width:200px">
   <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
 </div>
 <div style="background:silver">
 This text should appear to the RIGHT of the green and red blocks.
 </div>
 </body>
--- a/layout/reftests/floats/float-in-rtl-3d.html
+++ b/layout/reftests/floats/float-in-rtl-3d.html
@@ -1,19 +1,19 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body dir="rtl">
 <div dir="ltr" style="width:-moz-fit-content">
   <div style="width:300px">
-    <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left"></div>
+    <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:left;position:relative;"></div>
   </div>
   <div style="width:200px">
-    <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left"></div>
+    <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:left;position:relative;"></div>
   </div>
 </div>
 <div style="background:silver">
 This text should appear to the RIGHT of the green and red blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-4-ref.html
+++ b/layout/reftests/floats/float-in-rtl-4-ref.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body dir="rtl">
 <div style="width:0px;height:0px;overflow:visible">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;right:0px;z-index:-1;"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);display:inline-block;position:relative;right:0px;"></div>
 </div>
 <div style="width:0px;height:0px;overflow:visible">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;right:100px;z-index:-1;"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);display:inline-block;position:relative;right:100px;"></div>
 </div>
 <div style="background:silver;padding-right:200px;">
 This text should appear to the LEFT of the red and green blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-4a.html
+++ b/layout/reftests/floats/float-in-rtl-4a.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body dir="rtl">
 <div dir="ltr" style="width:300px">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
 </div>
 <div style="width:200px">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
 </div>
 <div style="background:silver">
 This text should appear to the LEFT of the red and green blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-4b.html
+++ b/layout/reftests/floats/float-in-rtl-4b.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body dir="rtl">
 <div style="width:300px">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
 </div>
 <div dir="ltr" style="width:200px">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
 </div>
 <div style="background:silver">
 This text should appear to the LEFT of the red and green blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-4c.html
+++ b/layout/reftests/floats/float-in-rtl-4c.html
@@ -1,17 +1,17 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body dir="rtl">
 <div dir="ltr" style="width:300px">
-  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
+  <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
 </div>
 <div dir="ltr" style="width:200px">
-  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
+  <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
 </div>
 <div style="background:silver">
 This text should appear to the LEFT of the red and green blocks.
 </div>
 </body>
 </html>
--- a/layout/reftests/floats/float-in-rtl-4d.html
+++ b/layout/reftests/floats/float-in-rtl-4d.html
@@ -1,19 +1,19 @@
 <!DOCTYPE html>
 <html>
 <head>
 <title>Bug 1114329 testcase</title>
 </head>
 <body dir="rtl">
 <div dir="ltr" style="width:-moz-fit-content">
   <div style="width:300px">
-    <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right"></div>
+    <div style="width:100px;height:120px;background:rgba(0,255,0,0.8);float:right;position:relative;"></div>
   </div>
   <div style="width:200px">
-    <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right"></div>
+    <div style="width:100px;height:150px;background:rgba(255,0,0,0.8);float:right;position:relative;"></div>
   </div>
 </div>
 <div style="background:silver">
 This text should appear to the LEFT of the red and green blocks.
 </div>
 </body>
 </html>