Apply CSS zoom to letter-spacing

Bug: chromium:40946858 Change-Id: If191b1cef100533698e8825f478621ab1ca3cad1 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/5573601 Reviewed-by: Anders Hartvoll Ruud <[email protected]> Commit-Queue: Stefan Zager <[email protected]> Cr-Commit-Position: refs/heads/main@{#1309990}
web-platform-tests · Jun 4, 2024 · 0fd9af9 · 0fd9af9
1 parent 76920a1
commit 0fd9af9
Show file tree

Hide file tree

Showing 2 changed files with 47 additions and 0 deletions.
diff --git a/css/css-viewport/zoom/letter-spacing.html b/css/css-viewport/zoom/letter-spacing.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<style>CSS zoom applies to letter-spacing when specified and inherited</style>
+<link rel="author" title="Stefan Zager" href="mailto:[email protected]">
+<link rel="help" href="https://drafts.csswg.org/css-viewport/">
+<link rel="match" href="reference/letter-spacing-ref.html">
+<div style="letter-spacing: 2px; font-size: 12px">
+  12px font text with 2px letter-spacing
+</div>
+
+<hr>
+
+<div style="letter-spacing: 2px; font-size: 12px; zoom: 2">
+  12px font zoomed text with 2px letter-spacing
+</div>
+
+<hr>
+
+<div style="letter-spacing: 2px; font-size: 12px">
+  <div style="zoom:2">
+    12px font zoomed inherited text with 2px letter-spacing
+  </div>
+</div>
+
+<hr>
diff --git a/css/css-viewport/zoom/reference/letter-spacing-ref.html b/css/css-viewport/zoom/reference/letter-spacing-ref.html
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<style>CSS zoom applies to letter-spacing when specified and inherited</style>
+<link rel="author" title="Stefan Zager" href="mailto:[email protected]">
+<link rel="help" href="https://drafts.csswg.org/css-viewport/">
+<div style="letter-spacing: 2px; font-size: 12px">
+  12px font text with 2px letter-spacing
+</div>
+
+<hr>
+
+<div style="letter-spacing: 4px; font-size: 24px;">
+  12px font zoomed text with 2px letter-spacing
+</div>
+
+<hr>
+
+<div style="letter-spacing: 2px; font-size: 12px">
+  <div style="letter-spacing: 4px; font-size: 24px">
+    12px font zoomed inherited text with 2px letter-spacing
+  </div>
+</div>
+
+<hr>