Bug 785684 - Tests for overflow-x/y:hidden on display:table/table-cell.
authorMats Palmgren <matspal@gmail.com>
Tue, 28 Aug 2012 03:55:31 +0200
changeset 103633 e3da600d76429306e000d1f1dc4733ea71493ec1
parent 103632 8bdeda83f7b1be7264ed1d2476c6bf432e20efe2
child 103634 010b5cb3576da7c7c0f38d81b5bbe27a03c1ff22
push id23363
push useremorley@mozilla.com
push dateTue, 28 Aug 2012 12:45:35 +0000
treeherdermozilla-central@118cc431d56f [default view] [failures only]
perfherder[talos] [build metrics] [platform microbench] (compared to previous push)
bugs785684
milestone18.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 785684 - Tests for overflow-x/y:hidden on display:table/table-cell.
layout/reftests/reftest.list
layout/reftests/table-overflow/bug785684-ref.html
layout/reftests/table-overflow/bug785684-x.html
layout/reftests/table-overflow/bug785684-y.html
layout/reftests/table-overflow/reftest.list
--- a/layout/reftests/reftest.list
+++ b/layout/reftests/reftest.list
@@ -255,16 +255,18 @@ include table-anonymous-boxes/reftest.li
 include table-background/reftest.list
 
 # table-bordercollapse/
 include table-bordercollapse/reftest.list
 
 # table-dom/
 include table-dom/reftest.list
 
+include table-overflow/reftest.list
+
 # table-width/
 include table-width/reftest.list
 
 # text/
 include text/reftest.list
 
 # text-decoration/
 include text-decoration/reftest.list
new file mode 100644
--- /dev/null
+++ b/layout/reftests/table-overflow/bug785684-ref.html
@@ -0,0 +1,89 @@
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+    .outer {
+     display:table;
+     height:20px;
+     width:300px;
+     max-width:300px;            
+ }
+ 
+ .inner {  
+     background-color: silver;
+     display:table-cell;
+     height:20px;
+     min-height:20px;
+     width:150px;
+     max-width:150px;
+     padding: 4px;
+ }
+ .clip {
+    overflow:hidden;
+    width:-moz-fit-content;
+ }
+  </style>
+</head>
+<body>
+<h2>Testing CSS overflow on display:table-cell</h2>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="clip"><div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div></div>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="clip"><div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div></div>
+<h2>Testing CSS overflow on display:table</h2>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="clip"><div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div></div>
+<div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="clip"><div class="outer">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div></div>
+</body></html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/table-overflow/bug785684-x.html
@@ -0,0 +1,85 @@
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+    .outer {
+     display:table;
+     height:20px;
+     width:300px;
+     max-width:300px;            
+ }
+ 
+ .inner {  
+     background-color: silver;
+     display:table-cell;
+     height:20px;
+     min-height:20px;
+     width:150px;
+     max-width:150px;
+     padding: 4px;
+ }
+  </style>
+</head>
+<body>
+<h2>Testing CSS overflow on display:table-cell</h2>
+<div class="outer">
+    <div class="inner" style="overflow-x:hidden;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow-x:scroll;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow-x:-moz-hidden-unscrollable;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow:hidden;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow:scroll;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow:-moz-hidden-unscrollable;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<h2>Testing CSS overflow on display:table</h2>
+<div class="outer" style="overflow-x:hidden;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow-x:scroll;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow-x:-moz-hidden-unscrollable;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow:hidden;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow:scroll;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow:-moz-hidden-unscrollable;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+</body></html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/table-overflow/bug785684-y.html
@@ -0,0 +1,85 @@
+<html><head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+    .outer {
+     display:table;
+     height:20px;
+     width:300px;
+     max-width:300px;            
+ }
+ 
+ .inner {  
+     background-color: silver;
+     display:table-cell;
+     height:20px;
+     min-height:20px;
+     width:150px;
+     max-width:150px;
+     padding: 4px;
+ }
+  </style>
+</head>
+<body>
+<h2>Testing CSS overflow on display:table-cell</h2>
+<div class="outer">
+    <div class="inner" style="overflow-y:hidden;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow-y:scroll;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow-y:-moz-hidden-unscrollable;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow:hidden;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow:scroll;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer">
+    <div class="inner" style="overflow:-moz-hidden-unscrollable;">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<h2>Testing CSS overflow on display:table</h2>
+<div class="outer" style="overflow-y:hidden;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow-y:scroll;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow-y:-moz-hidden-unscrollable;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow:hidden;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow:scroll;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+<div class="outer" style="overflow:-moz-hidden-unscrollable;">
+    <div class="inner">
+       <img width="400px" height="10px" src="data:image/gif;base64,R0lGODlhAQABAIABAAD/AP///ywAAAAAAQABAAACAkQBADs=">
+    </div>
+</div>
+</body></html>
new file mode 100644
--- /dev/null
+++ b/layout/reftests/table-overflow/reftest.list
@@ -0,0 +1,2 @@
+== bug785684-x.html bug785684-ref.html
+== bug785684-y.html bug785684-ref.html