Align "UA" stylesheet for "abbr" and "acronym" with HTML Spec

Align "UA" stylesheet for "abbr" and "acronym" with HTML Spec https://bugs.webkit.org/show_bug.cgi?id=245441 Reviewed by Alan Bujtas. This is to align "UA" stylesheet with HTML Specifications: https://html.spec.whatwg.org/multipage/rendering.html#phrasing-content-3 We were missing following styling for: > abbr > acronym Merge for Test Case - https://chromium.googlesource.com/chromium/src.git/+/fb579cdb6aa334f44e57072a3c1fd803aa2cb082 * Source/WebCore/css/html.css: Add missing "abbr" and "acronym" styling in UA stylesheet * LayoutTests/fast/html/abbr-acronym-rendering.html: Added Test Case from Chrome Patch * LayoutTests/fast/html/abbr-acronym-rendering-expected.html: Added Test Case Expectations Canonical link: https://commits.webkit.org/254710@main
WebKit · Sep 21, 2022 · 543702eba9948fbaf1c8c032661e14e69560be9d · 543702e
1 parent 6989a5b
commit 543702eba9948fbaf1c8c032661e14e69560be9d
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 0 deletions.
diff --git a/LayoutTests/fast/html/abbr-acronym-rendering-expected.html b/LayoutTests/fast/html/abbr-acronym-rendering-expected.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+<span style="text-decoration: dotted underline;">Cr</span>
+<span style="text-decoration: dotted underline;">Pt</span>
+</body>
+</html>
diff --git a/LayoutTests/fast/html/abbr-acronym-rendering.html b/LayoutTests/fast/html/abbr-acronym-rendering.html
@@ -0,0 +1,7 @@
+<!DOCTYPE html>
+<html>
+<body>
+<abbr title="Chromium">Cr</abbr>
+<acronym title="Platinum">Pt</acronym>
+</body>
+</html>
diff --git a/Source/WebCore/css/html.css b/Source/WebCore/css/html.css
@@ -108,6 +108,10 @@ hr {
     border-width: 1px;
 }
 
+abbr[title], acronym[title] {
+    text-decoration: dotted underline;
+}
+
 /* media elements */
 
 body:-webkit-full-page-media {