Diff
Modified: trunk/LayoutTests/ChangeLog (89680 => 89681)
--- trunk/LayoutTests/ChangeLog 2011-06-24 16:35:11 UTC (rev 89680)
+++ trunk/LayoutTests/ChangeLog 2011-06-24 16:57:47 UTC (rev 89681)
@@ -1,3 +1,13 @@
+2011-06-24 Matthew Delaney <[email protected]>
+
+ Reviewed by Simon Fraser.
+
+ Change transforms/3d/point-mapping/3d-point-mapping{,-preserve-3d}.html to absolutely position divs
+ https://bugs.webkit.org/show_bug.cgi?id=63327
+
+ * transforms/3d/point-mapping/3d-point-mapping-preserve-3d.html:
+ * transforms/3d/point-mapping/3d-point-mapping.html:
+
2011-06-24 Jessie Berlin <[email protected]>
REGRESSION (r89457-r89462): fast/forms/textfield-overflow.html failing on SnowLeopard Intel
Modified: trunk/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-preserve-3d.html (89680 => 89681)
--- trunk/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-preserve-3d.html 2011-06-24 16:35:11 UTC (rev 89680)
+++ trunk/LayoutTests/transforms/3d/point-mapping/3d-point-mapping-preserve-3d.html 2011-06-24 16:57:47 UTC (rev 89681)
@@ -6,12 +6,6 @@
function test()
{
- // Scroll so that frame view offsets are non-zero
- // window.scrollTo(20, 100);
-
- // document.getElementById('overflow').scrollLeft = 80;
- // document.getElementById('overflow').scrollTop = 60;
-
// In non-test mode, show the mouse coords for testing
if (!window.layoutTestController)
document.body.addEventListener('mousemove', mousemoved, false);
@@ -49,13 +43,38 @@
}
.test {
- display: inline-block;
+ position: absolute;
height: 200px;
width: 200px;
border: 1px solid black;
margin: 20px;
}
+ .one {
+ top: 1px;
+ left: 1px;
+ }
+ .two {
+ top: 1px;
+ left: 247px;
+ }
+ .three {
+ top: 1px;
+ left: 493px;
+ }
+ .four {
+ top: 247px;
+ left: 1px;
+ }
+ .five {
+ top: 247px;
+ left: 247px;
+ }
+ .six {
+ top: 247px;
+ left: 493px;
+ }
+
.box {
height: 100px;
width: 100px;
@@ -128,7 +147,7 @@
<div id="results"></div>
-<div class="test">
+<div class="test one">
<!-- Simple transformed div in perpsective; preserve-3d on leaf -->
<div class="container box" id="box1">
<div class="transformed-3d box" id="box2">
@@ -136,7 +155,7 @@
</div>
</div>
-<div class="test">
+<div class="test two">
<!-- Transformed, preserve-3d div in perpsective with non-layer child -->
<div class="container box" id="box3">
<div class="transformed-3d box" id="box4">
@@ -146,7 +165,7 @@
</div>
</div>
-<div class="test">
+<div class="test three">
<!-- Transformed, preserve-3d div in perpsective with layer child -->
<div class="container box" id="box6">
<div class="transformed-3d box" id="box7">
@@ -155,8 +174,7 @@
</div>
</div>
</div>
-<br>
-<div class="test">
+<div class="test four">
<!-- Nested transformed, preserve-3d divs in perpsective -->
<div class="container box" id="box9">
<div class="transformed-3d box" id="box10">
@@ -165,8 +183,7 @@
</div>
</div>
</div>
-
-<div class="test">
+<div class="test five">
<!-- Transformed, preserve-3d div in perpsective with non-layer child -->
<div class="container box" id="box12">
<div class="transformed-3d box" id="box13">
@@ -177,8 +194,7 @@
</div>
</div>
</div>
-
-<div class="test">
+<div class="test six">
<!-- Flatten in the middle of 3d -->
<div class="container box" id="box16">
<div class="transformed-3d box" id="box17">
Modified: trunk/LayoutTests/transforms/3d/point-mapping/3d-point-mapping.html (89680 => 89681)
--- trunk/LayoutTests/transforms/3d/point-mapping/3d-point-mapping.html 2011-06-24 16:35:11 UTC (rev 89680)
+++ trunk/LayoutTests/transforms/3d/point-mapping/3d-point-mapping.html 2011-06-24 16:57:47 UTC (rev 89681)
@@ -7,12 +7,6 @@
function test()
{
- // Scroll so that frame view offsets are non-zero
- // window.scrollTo(20, 100);
-
- // document.getElementById('overflow').scrollLeft = 80;
- // document.getElementById('overflow').scrollTop = 60;
-
dispatchEvent(44, 44, 'box1', 2, 2);
dispatchEvent(69, 55, 'box2', 2, 2);
dispatchEvent(165, 182, 'box2', 96, 96);
@@ -33,8 +27,25 @@
cursor: crosshair;
}
+ .one {
+ top: 1px;
+ left: 1px;
+ }
+ .two {
+ top: 1px;
+ left: 247px;
+ }
+ .three {
+ top: 247px;
+ left: 1px;
+ }
+ .four {
+ top: 247;
+ left: 247px;
+ }
+
.test {
- display: inline-block;
+ position: absolute;
height: 200px;
width: 200px;
border: 1px solid black;
@@ -102,7 +113,7 @@
<div id="results"></div>
-<div class="test">
+<div class="test one">
<!-- Simple transformed div in perpsective -->
<div class="container box" id="box1">
<div class="transformed box" id="box2">
@@ -110,7 +121,7 @@
</div>
</div>
-<div class="test">
+<div class="test two">
<!-- Transformed div in perpsective with non-layer child -->
<div class="container box" id="box5">
<div class="transformed box" id="box6">
@@ -119,9 +130,8 @@
</div>
</div>
</div>
-<br>
-<div class="test">
+<div class="test three">
<!-- Transformed div in perpsective with layer child -->
<div class="container box" id="box8">
<div class="transformed box" id="box9">
@@ -131,7 +141,7 @@
</div>
</div>
-<div class="test">
+<div class="test four">
<!-- Transformed div in perpsective with child having layer child -->
<div class="container box" id="box11">
<div class="transformed box" id="box12">
