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

Unified Diff: LayoutTests/fast/css/first-letter-different-renderers.html

Issue 207553007: Apply the correct style to first-letter pseudo elements composed of different renderers (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Address comments from the latest review Created 6 years, 9 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: LayoutTests/fast/css/first-letter-different-renderers.html
diff --git a/LayoutTests/fast/css/first-letter-different-renderers.html b/LayoutTests/fast/css/first-letter-different-renderers.html
new file mode 100644
index 0000000000000000000000000000000000000000..2a1d5a110c47727ca7e892e4c19ffda5192bd9b7
--- /dev/null
+++ b/LayoutTests/fast/css/first-letter-different-renderers.html
@@ -0,0 +1,54 @@
+<html>
+<head>
+ <style>
+ h1 { margin: 8px 0px; font-size: 18px; }
+ div, p, ul { margin: 0px; font-size: 14px; }
+ .firstLetterBlock:first-letter, ul li:first-letter { font-size:16px; font-weight: bold; color: red; }
+ ul li { list-style-type: none; }
+</style>
+</head>
+<body>
+ <div>
+ <h1>Paragraphs with only one character</h1>
+ <div>
+ <p class="firstLetterBlock">A</p>
+ <p class="firstLetterBlock"><b>B</b></p>
+ <p class="firstLetterBlock"><em><b>C</b></em></p>
+ </div>
+ <h1>Paragraphs with leading spaces</h1>
+ <div>
+ <p class="firstLetterBlock">&nbsp;Appetizers</p>
+ <p class="firstLetterBlock">&nbsp;<a href="#">Starters:</a> Soups & Salads</p>
+ <p class="firstLetterBlock">&nbsp; &nbsp; Main Course: <a href="#">Pasta</a></p>
+ <p class="firstLetterBlock">&nbsp;<a ref="#">&nbsp;</a>&nbsp; Dessert: <a href="#">Pasta</a></p>
+ </div>
+ <h1>Multiple paragraphs inside nested blocks (only the first one should get the first-letter)</h1>
+ <div class="firstLetterBlock">
+ <div>
+ <p>&ldquo;(A)&rdquo;: Appetizers</p>
+ <p>&ldquo;(<a href="#">B</a>)&rdquo;: <a href="#">Starters:</a> Soups & Salads</p>
+ <p>&ldquo;<b>(</b><a href="#">C</a><b>)</b>&rdquo;: Main Course: <a href="#">Pasta</a></p>
+ </div>
+ </div>
+ <h1>List with spaces after the leading dot</h1>
+ <ul>
+ <li>&middot; Appetizers</li>
+ <li>&middot;&nbsp;<a href="#">Starters:</a> Soups & Salads</li>
+ <li>&middot; Main Course: <a href="#">Pasta</a></li>
+ </ul>
+ <h1>List without spaces after the leading dot</h1>
+ <ul>
+ <li>&middot;Appetizers</li>
+ <li>&middot;<a href="#">Starters:</a> Soups & Salads</li>
+ <li>&middot;Main Course: <a href="#">Pasta</a></li>
+ </ul>
+ <h1>first-letter with multiple punctuation characters</h1>
+ <ul>
+ <li>&ldquo;(A)&rdquo;: Appetizers</li>
+ <li>&ldquo;(<a href="#">B</a>)&rdquo;: <a href="#">Starters:</a> Soups & Salads</li>
+ <li>&ldquo;<b>(</b><a href="#">C</a><b>)</b>&rdquo;: Main Course: <a href="#">Pasta</a></li>
+ <li><q><b>(</b><a href="#">D</a><b>)</b></q>: Desserts</li>
+ </ul>
+ </div>
+</body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698