Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(46)

Unified Diff: third_party/WebKit/LayoutTests/fast/css3-text/css3-text-indent/negative-text-indent-leading-out-of-flow-text-align-left-and-right.html

Issue 1635203002: Apply text indent if the text direction matches the text alignment (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 11 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/LayoutTests/fast/css3-text/css3-text-indent/negative-text-indent-leading-out-of-flow-text-align-left-and-right.html
diff --git a/third_party/WebKit/LayoutTests/fast/css3-text/css3-text-indent/negative-text-indent-leading-out-of-flow-text-align-left-and-right.html b/third_party/WebKit/LayoutTests/fast/css3-text/css3-text-indent/negative-text-indent-leading-out-of-flow-text-align-left-and-right.html
new file mode 100644
index 0000000000000000000000000000000000000000..ed402747fae853a71289e76591ed326aa5eecc12
--- /dev/null
+++ b/third_party/WebKit/LayoutTests/fast/css3-text/css3-text-indent/negative-text-indent-leading-out-of-flow-text-align-left-and-right.html
@@ -0,0 +1,84 @@
+<!DOCTYPE html>
+<style>
+.container {
+ position: relative;
+ text-align: left;
+ text-indent: -100px;
+ height: 50px;
+ width: 200px;
+ border: solid;
+ font: 10px Ahem;
+}
+.rtl {
+ direction: rtl;
+ text-align: right;
+}
+
+span {
+position: absolute;
+}
+</style>
+<script src="../../../resources/check-layout.js"></script>
+<p>crbug.com/568851: text-indent should be applied to leading statically positioned out-of-flow objects.</p>
+<div class="container">
+ <span data-offset-x=-100>Text</span>
+</div>
+<div class="container">
+ <span data-offset-x=-100 style="display:inline-block;">Text</span>
+</div>
+<div class="container">
+ Text<span data-offset-x=-60 style="display:inline-block;">Text</span>
+</div>
+<div class="container">
+ Text<br><span data-offset-x=0 style="display:inline-block;">Text</span>
+</div>
+<div class="container">
+ Text Text Text Text Text
+ Text<span data-offset-x=190 style="display:inline-block;">Text</span>
+</div>
+<div class="container">
+ <span data-offset-x=-100>Text</span>
+</div>
+<div class="container">
+ Text<span data-offset-x=-60>Text</span>
+</div>
+<div class="container">
+ Text<br><span data-offset-x=0>Text</span>
+</div>
+<div class="container">
+ Text Text Text Text Text
+ Text<span data-offset-x=190>Text</span>
+</div>
+
+<div class="container rtl">
+ <span data-offset-x=300>Text</span>
+</div>
+<div class="container rtl">
+ <span data-offset-x=300 style="display:inline-block;">Text</span>
+</div>
+<div class="container rtl">
+ Text<span data-offset-x=260 style="display:inline-block;">Text</span>
+</div>
+<div class="container rtl">
+ Text<br><span data-offset-x=200 style="display:inline-block;">Text</span>
+</div>
+<div class="container">
+ Text Text Text Text Text Text Text Text Text Text Text Text
+ Text<span data-offset-x=140 style="display:inline-block;">Text</span>
+</div>
+<div class="container rtl">
+ <span data-offset-x=300>Text</span>
+</div>
+<div class="container rtl">
+ Text<span data-offset-x=260>Text</span>
+</div>
+<div class="container rtl">
+ Text<br><span data-offset-x=200>Text</span>
+</div>
+<div class="container">
+ Text Text Text Text Text Text Text Text Text Text Text Text
+ Text<span data-offset-x=140>Text</span>
+</div>
+<script>
+checkLayout(".container");
+</script>

Powered by Google App Engine
This is Rietveld 408576698