Skip to content
Permalink
Browse files
Added test for visual overflow with transformed content in regions.
[CSS Regions] Transform applied to content node causes overflow to be hidden
https://bugs.webkit.org/show_bug.cgi?id=116242

Reviewed by Antti Koivisto.

* fast/regions/region-visual-overflow-transform-expected.html: Added.
* fast/regions/region-visual-overflow-transform.html: Added.


Canonical link: https://commits.webkit.org/142878@main
git-svn-id: https://svn.webkit.org/repository/webkit/trunk@159624 268f45cc-cd09-0410-ab3c-d52691b4dbfc
  • Loading branch information
stavila committed Nov 21, 2013
1 parent 1c71a61 commit 9fb1a07b214c901e839f1221b13f5e50929af9e4
Showing 3 changed files with 112 additions and 0 deletions.
@@ -1,3 +1,15 @@
2013-11-21 Radu Stavila <stavila@adobe.com>

Added test for visual overflow with transformed content in regions.

[CSS Regions] Transform applied to content node causes overflow to be hidden
https://bugs.webkit.org/show_bug.cgi?id=116242

Reviewed by Antti Koivisto.

* fast/regions/region-visual-overflow-transform-expected.html: Added.
* fast/regions/region-visual-overflow-transform.html: Added.

2013-11-21 Andrzej Badowski <a.badowski@samsung.com>

[EFL] Fix accessibility media-element expectation
@@ -0,0 +1,34 @@
<!DOCTYPE html>
<html>
<head>
<title>CSS Reftest Reference</title>
<style type="text/css">
.square {
float: left;
font-family: Ahem;
font-size: 10px;
line-height: 20px;
margin-left: 10px;
color: green;
width: 100px;
height: 100px;
border: 1px solid black;
}

</style>
</head>
<body>
<p>The test passes if:</p>
<ul>
<li>The two squares each contain five green horizontal stripes</li>
<li>There are two green horizontal stripes below the square on right</li>
<li>There is no red</li>
</ul>
<div class="square">
XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
</div>
<div class="square">
XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
</div>
</body>
</html>
@@ -0,0 +1,66 @@
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<title>CSS Regions: Transformed content in named flow that spans multiple regions and overflows</title>
<style>
.ahem {
font-family: Ahem;
font-size: 10px;
line-height: 20px;
}
#source {
width: 100px;
height: 100px;
color: green;
margin-left: -50px;
-webkit-transform: translateX(50px);
-webkit-flow-into: f;
}
.region {
-webkit-flow-from: f;
width: 100px;
height: 100px;
margin-left: 10px;
float: left;
border: 1px solid black;
}
.failure {
position: absolute;
width: 102px;
height: 102px;
margin-top: 1px;
margin-left: 10px;
padding-left: 1px;
color: red;
z-index: -1;
}
.left {
left: 8px;
}
.right {
left: 120px;
}
</style>
</head>
<body>
<p>The test passes if:</p>
<ul>
<li>The two squares each contain five green horizontal stripes</li>
<li>There are two green horizontal stripes below the square on right</li>
<li>There is no red</li>
</ul>
<div id="source" class="ahem">XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX</div>
<div class="region"></div>
<div class="region"></div>

<div class="ahem failure left">
XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
</div>
<div class="ahem failure right">
XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX XXXXXXXXXX
</div>


</body>
</html>

0 comments on commit 9fb1a07

Please sign in to comment.