Title: [159625] trunk/LayoutTests
- Revision
- 159625
- Author
- [email protected]
- Date
- 2013-11-21 06:58:20 -0800 (Thu, 21 Nov 2013)
Log Message
Created test for positioned fragmented content which overflows the regions.
[CSS Regions] Fragmented content that is relatively positioned get sliced (and overflows in the next region)
https://bugs.webkit.org/show_bug.cgi?id=117122
Reviewed by Antti Koivisto.
* fast/regions/positioned-fragmented-content-expected.html: Added.
* fast/regions/positioned-fragmented-content.html: Added.
Modified Paths
Added Paths
Diff
Modified: trunk/LayoutTests/ChangeLog (159624 => 159625)
--- trunk/LayoutTests/ChangeLog 2013-11-21 14:57:14 UTC (rev 159624)
+++ trunk/LayoutTests/ChangeLog 2013-11-21 14:58:20 UTC (rev 159625)
@@ -1,5 +1,17 @@
2013-11-21 Radu Stavila <[email protected]>
+ Created test for positioned fragmented content which overflows the regions.
+
+ [CSS Regions] Fragmented content that is relatively positioned get sliced (and overflows in the next region)
+ https://bugs.webkit.org/show_bug.cgi?id=117122
+
+ Reviewed by Antti Koivisto.
+
+ * fast/regions/positioned-fragmented-content-expected.html: Added.
+ * fast/regions/positioned-fragmented-content.html: Added.
+
+2013-11-21 Radu Stavila <[email protected]>
+
Added test for visual overflow with transformed content in regions.
[CSS Regions] Transform applied to content node causes overflow to be hidden
Added: trunk/LayoutTests/fast/regions/positioned-fragmented-content-expected.html (0 => 159625)
--- trunk/LayoutTests/fast/regions/positioned-fragmented-content-expected.html (rev 0)
+++ trunk/LayoutTests/fast/regions/positioned-fragmented-content-expected.html 2013-11-21 14:58:20 UTC (rev 159625)
@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>Positioned elements</title>
+ <style>
+ .region {
+ margin: 25px;
+ }
+
+ .square {
+ width: 100px;
+ height: 100px;
+ }
+
+ .big-square {
+ width: 150px;
+ height: 150px;
+ }
+
+ .bordered {
+ border: 2px dashed red;
+ }
+
+ .float {
+ float: left;
+ }
+
+ .flow p {
+ position: relative;
+ top: 16px;
+ right: 10px;
+ margin: 0;
+ font-size: 16px;
+ }
+ </style>
+</head>
+<body>
+ <div class="region bordered big-square float">
+ <div class="flow">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, repellat non rerum sit nobis in! Molestias, cumque architecto commodi nam similique? Maiores,</p>
+ </div>
+ </div>
+
+ <div class="region bordered square float">
+ <div class="flow">
+ <p>assumenda aperiam reprehenderit magni eaque autem ducimus earum.</p>
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file
Added: trunk/LayoutTests/fast/regions/positioned-fragmented-content.html (0 => 159625)
--- trunk/LayoutTests/fast/regions/positioned-fragmented-content.html (rev 0)
+++ trunk/LayoutTests/fast/regions/positioned-fragmented-content.html 2013-11-21 14:58:20 UTC (rev 159625)
@@ -0,0 +1,50 @@
+<!doctype html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <title>Positioned elements</title>
+ <style>
+ .flow {
+ -webkit-flow-into: f;
+ }
+
+ .region {
+ -webkit-flow-from: f;
+ margin: 25px;
+ }
+
+ .square {
+ width: 100px;
+ height: 100px;
+ }
+
+ .big-square {
+ width: 150px;
+ height: 150px;
+ }
+
+ .bordered {
+ border: 2px dashed red;
+ }
+
+ .float {
+ float: left;
+ }
+
+ .flow p {
+ position: relative;
+ top: 16px;
+ right: 10px;
+ margin: 0;
+ font-size: 16px;
+ }
+ </style>
+</head>
+<body>
+ <div class="flow">
+ <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quam, repellat non rerum sit nobis in! Molestias, cumque architecto commodi nam similique? Maiores, assumenda aperiam reprehenderit magni eaque autem ducimus earum.</p>
+ </div>
+ <div class="region bordered big-square float"></div>
+ <div class="region bordered square float"></div>
+</body>
+</html>
\ No newline at end of file
_______________________________________________
webkit-changes mailing list
[email protected]
https://lists.webkit.org/mailman/listinfo/webkit-changes
