From 559823cc19e913741112c839d7d43893893b6e29 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Emilio=20Cobos=20=C3=81lvarez?= <emilio@crisal.io>
Date: Fri, 20 Nov 2020 16:24:37 +0000
Subject: [PATCH] Bug 1617608 - Allow toggling :focus-visible from inspector.
 r=rcaliman

Differential Revision: https://phabricator.services.mozilla.com/D97164
---
 .../inspector/rules/test/browser_rules_pseudo_lock_options.js  | 3 +++
 devtools/shared/css/constants.js                               | 1 +
 2 files changed, 4 insertions(+)

diff --git a/devtools/client/inspector/rules/test/browser_rules_pseudo_lock_options.js b/devtools/client/inspector/rules/test/browser_rules_pseudo_lock_options.js
index a219b6346449..fc269b7a0dac 100644
--- a/devtools/client/inspector/rules/test/browser_rules_pseudo_lock_options.js
+++ b/devtools/client/inspector/rules/test/browser_rules_pseudo_lock_options.js
@@ -26,6 +26,9 @@ const TEST_URI = `
     div:visited {
       color: orange;
     }
+    div:focus-visible {
+      color: wheat;
+    }
   </style>
   <div>test div</div>
 `;
diff --git a/devtools/shared/css/constants.js b/devtools/shared/css/constants.js
index 58974742fc26..5dc8ccfbf331 100644
--- a/devtools/shared/css/constants.js
+++ b/devtools/shared/css/constants.js
@@ -32,6 +32,7 @@ exports.PSEUDO_CLASSES = [
   ":hover",
   ":active",
   ":focus",
+  ":focus-visible",
   ":focus-within",
   ":visited",
 ];