Add user agent styles for <noscript> element (#260)

Siteimprove · Jun 10, 2020 · 6244434 · 6244434
1 parent 66a2b15
commit 6244434
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git a/packages/alfa-cascade/src/user-agent.ts b/packages/alfa-cascade/src/user-agent.ts
@@ -1,5 +1,6 @@
 import {
   Declaration,
+  MediaRule,
   Namespace,
   NamespaceRule,
   Sheet,
@@ -45,6 +46,19 @@ export const UserAgent = Sheet.of((owner) => {
       owner
     ),
 
+    MediaRule.of(
+      "(scripting)",
+      (self) => [
+        StyleRule.of(
+          "noscript",
+          (self) => [Declaration.of("display", "none", true, Option.of(self))],
+          owner,
+          Option.of(self)
+        ),
+      ],
+      owner
+    ),
+
     // /**
     //  * @see https://html.spec.whatwg.org/#the-page
     //  */

diff --git a/packages/alfa-media/src/media.ts b/packages/alfa-media/src/media.ts
@@ -157,6 +157,15 @@ export namespace Media {
               value.type === "string" &&
               value.value === device.viewport.orientation
           );
+
+        case "scripting":
+          return device.scripting.enabled
+            ? this._value.every(
+                (value) => value.type === "string" && value.value === "enabled"
+              )
+            : this._value.some(
+                (value) => value.type === "string" && value.value === "none"
+              );
       }
 
       return false;