[css-text-3] Hanging punctuation is scrollable overflow

Relates to the spec changes decided in w3c/csswg-drafts#2398
frivoal · Jun 6, 2018 · e93c468 · e93c468
1 parent c0fbd59
commit e93c468
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/css/css-text/hanging-punctuation/hanging-scrollable-001.html b/css/css-text/hanging-punctuation/hanging-scrollable-001.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Text Test: hanging punctuation is scrollable overflow</title>
+<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
+<link rel="help" href="https://drafts.csswg.org/css-text-3/#hanging-punctuation-property">
+<meta name="flags" content="">
+<link rel="match" href="reference/hanging-scrollable-001-ref.html">
+<meta name="assert" content="Hanging characters that overflow their block container are treated as scrollable overflow. ">
+<style>
+div {
+  font-family: monospace;
+  font-size: 50px;
+  hanging-punctuation: last;
+  overflow: hidden;
+  color: red;
+}
+span {color: white; }
+</style>
+
+<p>Test passes if there is no red below.
+<table><tr><td><div id="t">X<span>”</span></div></table>
+<!--
+  The table is to do sizing based on the min content size.
+  A simpler test could be written using `div { width: min-content; }`,
+  but that is not widely supported yet.
+-->
+
+<script>
+document.getElementById("t").scrollLeft=100;
+</script>
diff --git a/css/css-text/hanging-punctuation/reference/hanging-scrollable-001-ref.html b/css/css-text/hanging-punctuation/reference/hanging-scrollable-001-ref.html
@@ -0,0 +1,6 @@
+<!DOCTYPE html>
+<meta charset="utf-8">
+<title>CSS Text Test reference</title>
+<link rel="author" title="Florian Rivoal" href="http://florian.rivoal.net/">
+
+<p>Test passes if there is no red below.