Title: [166067] trunk/LayoutTests
- Revision
- 166067
- Author
- stav...@adobe.com
- Date
- 2014-03-21 09:43:34 -0700 (Fri, 21 Mar 2014)
Log Message
[CSS Regions] incorrect clipping when the content has CSS Transforms like rotation
https://bugs.webkit.org/show_bug.cgi?id=110198
Reviewed by David Hyatt.
Added test that confirms the issue of transformed content being clipped was fixed.
* fast/regions/overflow-content-transform-rotate-expected.html: Added.
* fast/regions/overflow-content-transform-rotate.html: Added.
Modified Paths
Added Paths
Diff
Modified: trunk/LayoutTests/ChangeLog (166066 => 166067)
--- trunk/LayoutTests/ChangeLog 2014-03-21 16:31:22 UTC (rev 166066)
+++ trunk/LayoutTests/ChangeLog 2014-03-21 16:43:34 UTC (rev 166067)
@@ -1,3 +1,15 @@
+2014-03-21 Radu Stavila <stav...@adobe.com>
+
+ [CSS Regions] incorrect clipping when the content has CSS Transforms like rotation
+ https://bugs.webkit.org/show_bug.cgi?id=110198
+
+ Reviewed by David Hyatt.
+
+ Added test that confirms the issue of transformed content being clipped was fixed.
+
+ * fast/regions/overflow-content-transform-rotate-expected.html: Added.
+ * fast/regions/overflow-content-transform-rotate.html: Added.
+
2014-03-20 Brent Fulgham <bfulg...@apple.com>
Merge WebVTT Tokenizer Updates
Added: trunk/LayoutTests/fast/regions/overflow-content-transform-rotate-expected.html (0 => 166067)
--- trunk/LayoutTests/fast/regions/overflow-content-transform-rotate-expected.html (rev 0)
+++ trunk/LayoutTests/fast/regions/overflow-content-transform-rotate-expected.html 2014-03-21 16:43:34 UTC (rev 166067)
@@ -0,0 +1,32 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+ <head>
+ <style>
+ html {
+ -webkit-font-smoothing: none;
+ }
+
+ #text {
+ -webkit-transform: rotate(90deg);
+ }
+
+ .region {
+ position: absolute;
+ left: 50px;
+ top: 100px;
+ border: 3px solid black;
+ height: 100px;
+ width: 150px;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>Bug <a href="" [CSS Regions] incorrect clipping when the content has CSS Transforms like rotation</p>
+ <p>The text below should overflow the black-border container.</p>
+
+ <div class="region">
+ <div id="text">idLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmoddotempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, minimquis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo eaconsequat. eaconsequat</div>
+ </div>
+ </body>
+</html>
\ No newline at end of file
Added: trunk/LayoutTests/fast/regions/overflow-content-transform-rotate.html (0 => 166067)
--- trunk/LayoutTests/fast/regions/overflow-content-transform-rotate.html (rev 0)
+++ trunk/LayoutTests/fast/regions/overflow-content-transform-rotate.html 2014-03-21 16:43:34 UTC (rev 166067)
@@ -0,0 +1,34 @@
+<!DOCTYPE HTML>
+<html lang="en-US">
+ <head>
+ <style>
+ html {
+ -webkit-font-smoothing: none;
+ }
+
+ #text {
+ -webkit-transform: rotate(90deg);
+ -webkit-flow-into: flow;
+ }
+
+ .region {
+ position: absolute;
+ left: 50px;
+ top: 100px;
+ border: 3px solid black;
+ height: 100px;
+ width: 150px;
+ -webkit-flow-from: flow;
+ }
+ </style>
+ </head>
+
+ <body>
+ <p>Bug <a href="" [CSS Regions] incorrect clipping when the content has CSS Transforms like rotation</p>
+ <p>The text below should overflow the black-border container.</p>
+
+ <div class="region"></div>
+
+ <div id="text">idLorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmoddotempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, minimquis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo eaconsequat. eaconsequat</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
