LayoutTests/fast/css/first-letter-different-renderers.html - Issue 207553007: Apply the correct style to first-letter pseudo elements composed of different renderers

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: Addressed comments from Eric: refactored code + more testing 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

« LayoutTests/fast/css-generated-content/quote-first-letter-expected.html ('K') | « LayoutTests/fast/css-generated-content/quote-first-letter-expected.html ('k') | LayoutTests/fast/css/first-letter-different-renderers-expected.html » ('j') | LayoutTests/fast/css/first-letter-punctuation.html » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')

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"> Appetizers</p>

+ <p class="firstLetterBlock"> <a href="#">Starters:</a> Soups & Salads</p>

+ <p class="firstLetterBlock">    Main Course: <a href="#">Pasta</a></p>

+ <p class="firstLetterBlock"> <a ref="#"> </a>  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>“(A)”: Appetizers</p>

+ <p>“(<a href="#">B</a>)”: <a href="#">Starters:</a> Soups & Salads</p>

+ <p>“<b>(</b><a href="#">C</a><b>)</b>”: Main Course: <a href="#">Pasta</a></p>

+ </div>

+ <h1>List with spaces after the leading dot</h1>

+ <ul>

+ <li>· Appetizers</li>

+ <li>· <a href="#">Starters:</a> Soups & Salads</li>

+ <li>· Main Course: <a href="#">Pasta</a></li>

+ </ul>

+ <h1>List without spaces after the leading dot</h1>

+ <ul>

+ <li>·Appetizers</li>

+ <li>·<a href="#">Starters:</a> Soups & Salads</li>

+ <li>·Main Course: <a href="#">Pasta</a></li>

+ </ul>

+ <h1>first-letter with multiple punctuation characters</h1>

+ <ul>

+ <li>“(A)”: Appetizers</li>

+ <li>“(<a href="#">B</a>)”: <a href="#">Starters:</a> Soups & Salads</li>

+ <li>“<b>(</b><a href="#">C</a><b>)</b>”: Main Course: <a href="#">Pasta</a></li>

+ <li><q><b>(</b><a href="#">D</a><b>)</b></q>: Desserts</li>

+ </ul>

+ </div>

+</body>

+</html>