diff options
Diffstat (limited to 'testing/web-platform/tests/css/css-text/hanging-punctuation/hanging-scrollable-001.html')
| -rw-r--r-- | testing/web-platform/tests/css/css-text/hanging-punctuation/hanging-scrollable-001.html | 29 |
1 files changed, 29 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-text/hanging-punctuation/hanging-scrollable-001.html b/testing/web-platform/tests/css/css-text/hanging-punctuation/hanging-scrollable-001.html new file mode 100644 index 0000000000..7827a684b4 --- /dev/null +++ b/testing/web-platform/tests/css/css-text/hanging-punctuation/hanging-scrollable-001.html @@ -0,0 +1,29 @@ +<!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"> +<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> |