[css-ui] outline-width is ignored when outline-style is auto

See w3c/csswg-drafts#9201
Tobias710219 · Nov 7, 2023 · f30784e · f30784e
1 parent c359284
commit f30784e
Show file tree

Hide file tree

Showing 2 changed files with 44 additions and 0 deletions.
diff --git a/css/css-ui/outline-auto-width-001.html b/css/css-ui/outline-auto-width-001.html
@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang=en>
+<meta charset=utf-8>
+<title>CSS-UI test: Outline width and auto style</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<meta name=flags content="">
+<meta name=assert content="outline-width is ignored when outline-style is auto">
+<link rel=help href="https://drafts.csswg.org/css-ui-4/#outline-style">
+<link rel="match" href="reference/outline-auto-with-001-ref.html">
+<style>
+div {
+    outline-style: auto;
+    outline-width: 100px;
+    width: 100px;
+    height: 100px;
+    margin: 1em;
+}
+div + div {
+    outline-width: 0;
+}
+</style>
+
+<p>Test passes if there are two identical box frames below.
+
+<div></div>
+<div></div>
diff --git a/css/css-ui/reference/outline-auto-with-001-ref.html b/css/css-ui/reference/outline-auto-with-001-ref.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html lang=en>
+<meta charset=utf-8>
+<title>CSS-UI test reference</title>
+<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net">
+<style>
+div {
+    outline-style: auto;
+    width: 100px;
+    height: 100px;
+    margin: 1em;
+}
+</style>
+
+<p>Test passes if there are two identical box frames below.
+
+<div></div>
+<div></div>