Title: [159627] trunk/LayoutTests
- Revision
- 159627
- Author
- stav...@adobe.com
- Date
- 2013-11-21 07:43:37 -0800 (Thu, 21 Nov 2013)
Log Message
[CSS Regions] Float get sliced if its container has forced break and is less tall than float
https://bugs.webkit.org/show_bug.cgi?id=124205
Added test for the case when a float is overflowing a region due to a forced break.
Reviewed by Antti Koivisto.
* fast/regions/float-slicing-on-forced-break-expected.html: Added.
* fast/regions/float-slicing-on-forced-break.html: Added.
Modified Paths
Added Paths
Diff
Modified: trunk/LayoutTests/ChangeLog (159626 => 159627)
--- trunk/LayoutTests/ChangeLog 2013-11-21 15:17:08 UTC (rev 159626)
+++ trunk/LayoutTests/ChangeLog 2013-11-21 15:43:37 UTC (rev 159627)
@@ -1,3 +1,15 @@
+2013-11-21 Radu Stavila <stav...@adobe.com>
+
+ [CSS Regions] Float get sliced if its container has forced break and is less tall than float
+ https://bugs.webkit.org/show_bug.cgi?id=124205
+
+ Added test for the case when a float is overflowing a region due to a forced break.
+
+ Reviewed by Antti Koivisto.
+
+ * fast/regions/float-slicing-on-forced-break-expected.html: Added.
+ * fast/regions/float-slicing-on-forced-break.html: Added.
+
2013-11-21 Mihai Maerean <mmaer...@adobe.com>
Fix hover area for divs with css transforms
Added: trunk/LayoutTests/fast/regions/float-slicing-on-forced-break-expected.html (0 => 159627)
--- trunk/LayoutTests/fast/regions/float-slicing-on-forced-break-expected.html (rev 0)
+++ trunk/LayoutTests/fast/regions/float-slicing-on-forced-break-expected.html 2013-11-21 15:43:37 UTC (rev 159627)
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>float overflowing container with forced region break</title>
+ <style>
+ div {
+ font-family: monospace;
+ font-size: 20px;
+ line-height: 1em;
+ }
+ #container {
+ color: blue;
+ }
+ .float {
+ float: left;
+ color: green;
+ }
+ .region {
+ margin: 20px;
+ }
+ #small {
+ font-size: 10px;
+ line-height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>
+ Float overflowing its container that has a forced break. Two regions. No line should be sliced.
+ </p>
+
+ <div class="region">
+ <div id="container">
+ <div class="float">
+ FILLER<br>
+ FILLER<br>
+ FILLER<br>
+ FILLER
+ </div>
+ FILLER
+ <div id="small">TINY</div>
+ </div>
+ </div>
+ <div class="region" style="color: blue;">
+ FILLER<br>
+ FILLER
+ </div>
+ </body>
+</html>
\ No newline at end of file
Added: trunk/LayoutTests/fast/regions/float-slicing-on-forced-break.html (0 => 159627)
--- trunk/LayoutTests/fast/regions/float-slicing-on-forced-break.html (rev 0)
+++ trunk/LayoutTests/fast/regions/float-slicing-on-forced-break.html 2013-11-21 15:43:37 UTC (rev 159627)
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <title>float overflowing container with forced region break</title>
+ <style>
+ article {
+ font-family: monospace;
+ font-size: 20px;
+ line-height: 1em;
+ color: green;
+ }
+ .flow {
+ -webkit-flow-into: f;
+ color: blue;
+ }
+ .float {
+ float: left;
+ color: green;
+ }
+ .region {
+ -webkit-flow-from: f;
+ margin: 20px;
+ }
+ #container {
+ -webkit-region-break-after: always;
+ }
+ #small {
+ font-size: 10px;
+ line-height: 1em;
+ }
+ </style>
+ </head>
+ <body>
+ <p>
+ Float overflowing its container that has a forced break. Two regions. No line should be sliced.
+ </p>
+
+ <div class="region">
+ </div>
+ <div class="region">
+ </div>
+
+ <article class="flow">
+ <div id="container">
+ <div class="float">
+ FILLER<br>
+ FILLER<br>
+ FILLER<br>
+ FILLER
+ </div>
+ FILLER
+ <div id="small">TINY</div>
+ </div>
+ FILLER<br>
+ FILLER
+ </article>
+ </body>
+</html>
\ No newline at end of file
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes
