Title: [163880] trunk/LayoutTests
- Revision
- 163880
- Author
- stav...@adobe.com
- Date
- 2014-02-11 09:33:41 -0800 (Tue, 11 Feb 2014)
Log Message
[CSS Regions] clipping rectangle for "overflow: hidden" should be based on the padding box, not the content box
https://bugs.webkit.org/show_bug.cgi?id=119546
Reviewed by Anders Carlsson.
Added tests for the correct painting of region overflow over the region's padding.
This problem was solved by https://bugs.webkit.org/show_bug.cgi?id=118665 and
https://bugs.webkit.org/show_bug.cgi?id=128590.
Two writing modes (horiz-bt and vert-rl) are still not working properly and a separate
issue has been created for them (https://bugs.webkit.org/show_bug.cgi?id=128600).
* fast/regions/clip-to-padding-box-expected.html: Added.
* fast/regions/clip-to-padding-box-margins-expected.html: Added.
* fast/regions/clip-to-padding-box-margins.html: Added.
* fast/regions/clip-to-padding-box-vertical-lr-expected.html: Added.
* fast/regions/clip-to-padding-box-vertical-lr.html: Added.
* fast/regions/clip-to-padding-box.html: Added.
Modified Paths
Added Paths
Diff
Modified: trunk/LayoutTests/ChangeLog (163879 => 163880)
--- trunk/LayoutTests/ChangeLog 2014-02-11 16:57:09 UTC (rev 163879)
+++ trunk/LayoutTests/ChangeLog 2014-02-11 17:33:41 UTC (rev 163880)
@@ -1,3 +1,23 @@
+2014-02-11 Radu Stavila <stav...@adobe.com>
+
+ [CSS Regions] clipping rectangle for "overflow: hidden" should be based on the padding box, not the content box
+ https://bugs.webkit.org/show_bug.cgi?id=119546
+
+ Reviewed by Anders Carlsson.
+
+ Added tests for the correct painting of region overflow over the region's padding.
+ This problem was solved by https://bugs.webkit.org/show_bug.cgi?id=118665 and
+ https://bugs.webkit.org/show_bug.cgi?id=128590.
+ Two writing modes (horiz-bt and vert-rl) are still not working properly and a separate
+ issue has been created for them (https://bugs.webkit.org/show_bug.cgi?id=128600).
+
+ * fast/regions/clip-to-padding-box-expected.html: Added.
+ * fast/regions/clip-to-padding-box-margins-expected.html: Added.
+ * fast/regions/clip-to-padding-box-margins.html: Added.
+ * fast/regions/clip-to-padding-box-vertical-lr-expected.html: Added.
+ * fast/regions/clip-to-padding-box-vertical-lr.html: Added.
+ * fast/regions/clip-to-padding-box.html: Added.
+
2014-02-10 Filip Pizlo <fpi...@apple.com>
LICM should gracefully handle unprofiled code
Added: trunk/LayoutTests/fast/regions/clip-to-padding-box-expected.html (0 => 163880)
--- trunk/LayoutTests/fast/regions/clip-to-padding-box-expected.html (rev 0)
+++ trunk/LayoutTests/fast/regions/clip-to-padding-box-expected.html 2014-02-11 17:33:41 UTC (rev 163880)
@@ -0,0 +1,55 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Hidden overflow and regions - Expected - https://webkit.org/b/119546</title>
+ <style>
+ * {
+ font: normal 20px Times;
+ }
+ .content {
+ margin-top: 2px;
+ }
+ .region {
+ width: 60px;
+ padding: 10px 20px 30px 40px;
+ border: double 10px Gray;
+ overflow-x: hidden;
+ overflow-y: hidden;
+ background-color: #eee;
+ }
+ .innerDivToShowPadding {
+ border-width: 0px; padding: 0px; margin: 0px;
+ background-color: DarkGray;
+ }
+ </style>
+ </head>
+ <body>
+ some text
+ <div class="region" style="height: 60px">
+ <div class="content innerDivToShowPadding" style="margin-top: 2px;">
+ <span style="position:relative;top:-20px;">AAAAAAAAAAAAAAAAAAAAA</span><br/> <!-- this is too wide, it will be clipped -->
+ BBBBB<br/>
+ </div>
+ </div>
+
+ some text
+
+ <div class="region" style="height: 70px">
+ <div class="content innerDivToShowPadding">
+ CCC
+ <span style="position:relative;left:30px;">left:30px</span> <!-- it will be clipped to the right -->
+ <span style="position:relative;left:-50px;">CCCCC</span> <!-- it will be clipped to the left -->
+ </div>
+ </div>
+
+ some text
+
+ <div class="region" style="height: auto">
+ <div class="content innerDivToShowPadding">
+ DDD
+ DDDDDD <!-- this is too wide, it will be clipped -->
+ <span style="position:relative;top:40px;left:-50px;">DDDDD</span> <!-- it will be clipped down and to the left -->
+ </div>
+ </div>
+ </body>
+</html>
\ No newline at end of file
Added: trunk/LayoutTests/fast/regions/clip-to-padding-box-margins-expected.html (0 => 163880)
--- trunk/LayoutTests/fast/regions/clip-to-padding-box-margins-expected.html (rev 0)
+++ trunk/LayoutTests/fast/regions/clip-to-padding-box-margins-expected.html 2014-02-11 17:33:41 UTC (rev 163880)
@@ -0,0 +1,51 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Hidden overflow and regions - Expected - https://webkit.org/b/119546</title>
+ <style>
+ * {
+ font: normal 20px Times;
+ }
+ .content {
+ margin-left: 3px;
+ }
+ .region {
+ width: 60px;
+ padding: 10px 20px 30px 40px;
+ border: double 10px Gray;
+ overflow-x: hidden;
+ overflow-y: hidden;
+ background-color: #eee;
+ }
+ </style>
+ </head>
+ <body>
+ some text
+ <div class="region" style="height: 60px">
+ <div class="content" style="margin-top: 2px;">
+ <div style="margin-top:-20px;">AAAAAAAAAAAAAAAAAAAAA</div> <!-- this is too wide, it will be clipped -->
+ BBBBB<br/>
+ CCC
+ </div>
+ </div>
+
+ some text
+
+ <div class="region" style="height: 70px">
+ <div class="content">
+ <span style="margin-left:30px;">left:30px</span> <!-- it will be clipped to the right -->
+ <span style="margin-left:-50px;">CCCCC</span> <!-- it will be clipped to the left -->
+ DDD
+ </div>
+ </div>
+
+ some text
+
+ <div class="region" style="height: auto">
+ <div class="content">
+ DDDDDD <!-- this is too wide, it will be clipped -->
+ <div style="margin-top:40px;margin-left:-50px;">DDDDD</div> <!-- it will be clipped down and to the left -->
+ </div>
+ </div>
+ </body>
+</html>
\ No newline at end of file
Added: trunk/LayoutTests/fast/regions/clip-to-padding-box-margins.html (0 => 163880)
--- trunk/LayoutTests/fast/regions/clip-to-padding-box-margins.html (rev 0)
+++ trunk/LayoutTests/fast/regions/clip-to-padding-box-margins.html 2014-02-11 17:33:41 UTC (rev 163880)
@@ -0,0 +1,48 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Hidden overflow and regions - https://webkit.org/b/119546</title>
+ <style>
+ * {
+ font: normal 20px Times;
+ }
+ .content {
+ -webkit-flow-into: region;
+ margin-top: 2px;
+ margin-left: 3px;
+ }
+ .region {
+ -webkit-flow-from: region;
+ width: 60px;
+ padding: 10px 20px 30px 40px;
+ border: double 10px Gray;
+ overflow-x: hidden;
+ overflow-y: visible;
+ background-color: #eee;
+ }
+ </style>
+ </head>
+ <body>
+ some text
+ <div class="content">
+ <div style="margin-top:-20px;">AAAAAAAAAAAAAAAAAAAAA</div> <!-- this is too wide, it will be clipped -->
+ BBBBB<br/>
+ CCC
+ <span style="margin-left:30px;">left:30px</span> <!-- it will be clipped to the right -->
+ <span style="margin-left:-50px;">CCCCC</span> <!-- it will be clipped to the left -->
+ DDD
+ DDDDDD <!-- this is too wide, it will be clipped -->
+ <div style="margin-top:40px;margin-left:-50px;">DDDDD</div> <!-- it will be clipped down and to the left -->
+ </div>
+
+ <div class="region" style="height: 60px"></div>
+
+ some text
+
+ <div class="region" style="height: 70px"></div>
+
+ some text
+
+ <div class="region" style="height: auto"></div>
+ </body>
+</html>
\ No newline at end of file
Added: trunk/LayoutTests/fast/regions/clip-to-padding-box-vertical-lr-expected.html (0 => 163880)
--- trunk/LayoutTests/fast/regions/clip-to-padding-box-vertical-lr-expected.html (rev 0)
+++ trunk/LayoutTests/fast/regions/clip-to-padding-box-vertical-lr-expected.html 2014-02-11 17:33:41 UTC (rev 163880)
@@ -0,0 +1,63 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Hidden overflow and regions - Expected - https://webkit.org/b/119546</title>
+ <style>
+ html {
+ font: normal 20px Times;
+ -webkit-writing-mode: vertical-lr;
+ -webkit-font-smoothing: none;
+ }
+ .content {
+ margin-start: 3px;
+ }
+ .region {
+ height: 60px;
+ padding: 25px 10px 20px 15px;
+ border: double 10px Gray;
+ overflow-x: hidden;
+ overflow-y: hidden;
+ background-color: #eee;
+ }
+ .innerDivToShowPadding {
+ border-width: 0px; padding: 0px; margin: 0px;
+ background-color: DarkGray;
+ }
+ </style>
+ </head>
+ <body>
+ some text
+ <div class="region" style="width: 60px">
+ <div class="innerDivToShowPadding">
+ <div class="content" style="margin-before: 2px;">
+ <span style="position:relative;top:-30px;right:22px;">1AAAAAAAAAAAAAAAAAAAAA</span><br/> <!-- this is too wide, it will be clipped -->
+ 2BBBBB<br/>
+ </div>
+ </div>
+ </div>
+
+ some text
+
+ <div class="region" style="width: 70px">
+ <div class="innerDivToShowPadding">
+ <div class="content">
+ 3CCC
+ <span style="position:relative;top:40px;">top:40px</span> <!-- it will be clipped to the right -->
+ <span style="position:relative;top:-50px;">4CCCCC</span> <!-- it will be clipped to the left -->
+ </div>
+ </div>
+ </div>
+
+ some text
+
+ <div class="region" style="width: auto">
+ <div class="innerDivToShowPadding">
+ <div class="content">
+ 5DDD
+ 6DDDDDD <!-- this is too wide, it will be clipped -->
+ <span style="position:relative;right:-16px;top:-50px;">7DDDDD</span> <!-- it will be clipped down and to the left -->
+ </div>
+ </div>
+ </div>
+ </body>
+</html>
\ No newline at end of file
Added: trunk/LayoutTests/fast/regions/clip-to-padding-box-vertical-lr.html (0 => 163880)
--- trunk/LayoutTests/fast/regions/clip-to-padding-box-vertical-lr.html (rev 0)
+++ trunk/LayoutTests/fast/regions/clip-to-padding-box-vertical-lr.html 2014-02-11 17:33:41 UTC (rev 163880)
@@ -0,0 +1,60 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Hidden overflow and regions - https://webkit.org/b/119546</title>
+ <style>
+ html {
+ font: normal 20px Times;
+ -webkit-writing-mode: vertical-lr;
+ -webkit-font-smoothing: none;
+ }
+ .content {
+ -webkit-flow-into: region;
+ margin-before: 2px;
+ margin-start: 3px;
+ }
+ .region {
+ -webkit-flow-from: region;
+ height: 60px;
+ padding: 25px 10px 20px 15px;
+ border: double 10px Gray;
+ overflow-x: hidden;
+ overflow-y: hidden;
+ background-color: #eee;
+ }
+ .innerDivToShowPadding {
+ border-width: 0px; padding: 0px; margin: 0px;
+ background-color: DarkGray;
+ }
+ </style>
+ </head>
+ <body>
+ some text
+ <div class="content">
+ <div class="innerDivToShowPadding">
+ <span style="position:relative;top:-30px;right:22px;">1AAAAAAAAAAAAAAAAAAAAA</span><br/> <!-- this is too wide, it will be clipped -->
+ 2BBBBB<br/>
+ </div>
+ <div class="innerDivToShowPadding">
+ 3CCC
+ <span style="position:relative;top:40px;">top:40px</span> <!-- it will be clipped to the right -->
+ <span style="position:relative;top:-50px;">4CCCCC</span> <!-- it will be clipped to the left -->
+ </div>
+ <div class="innerDivToShowPadding">
+ 5DDD
+ 6DDDDDD <!-- this is too wide, it will be clipped -->
+ <span style="position:relative;right:-16px;top:-50px;">7DDDDD</span> <!-- it will be clipped down and to the left -->
+ </div>
+ </div>
+
+ <div class="region" style="width: 60px"></div>
+
+ some text
+
+ <div class="region" style="width: 70px"></div>
+
+ some text
+
+ <div class="region" style="width: auto"></div>
+ </body>
+</html>
\ No newline at end of file
Added: trunk/LayoutTests/fast/regions/clip-to-padding-box.html (0 => 163880)
--- trunk/LayoutTests/fast/regions/clip-to-padding-box.html (rev 0)
+++ trunk/LayoutTests/fast/regions/clip-to-padding-box.html 2014-02-11 17:33:41 UTC (rev 163880)
@@ -0,0 +1,57 @@
+<!doctype html>
+<html>
+ <head>
+ <title>Hidden overflow and regions - https://webkit.org/b/119546</title>
+ <style>
+ * {
+ font: normal 20px Times;
+ }
+ .content {
+ -webkit-flow-into: region;
+ margin-top: 2px;
+ }
+ .region {
+ -webkit-flow-from: region;
+ width: 60px;
+ padding: 10px 20px 30px 40px;
+ border: double 10px Gray;
+ overflow-x: hidden;
+ overflow-y: hidden;
+ background-color: #eee;
+ }
+ .innerDivToShowPadding {
+ border-width: 0px; padding: 0px; margin: 0px;
+ background-color: DarkGray;
+ }
+ </style>
+ </head>
+ <body>
+ some text
+ <div class="content">
+ <div class="innerDivToShowPadding">
+ <span style="position:relative;top:-20px;">AAAAAAAAAAAAAAAAAAAAA</span><br/> <!-- this is too wide, it will be clipped -->
+ BBBBB<br/>
+ </div>
+ <div class="innerDivToShowPadding">
+ CCC
+ <span style="position:relative;left:30px;">left:30px</span> <!-- it will be clipped to the right -->
+ <span style="position:relative;left:-50px;">CCCCC</span> <!-- it will be clipped to the left -->
+ </div>
+ <div class="innerDivToShowPadding">
+ DDD
+ DDDDDD <!-- this is too wide, it will be clipped -->
+ <span style="position:relative;top:40px;left:-50px;">DDDDD</span> <!-- it will be clipped down and to the left -->
+ </div>
+ </div>
+
+ <div class="region" style="height: 60px"></div>
+
+ some text
+
+ <div class="region" style="height: 70px"></div>
+
+ some text
+
+ <div class="region" style="height: auto"></div>
+ </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