From a86ccff096c9f3a142ce903d476662ff64f0f05e Mon Sep 17 00:00:00 2001
From: Sun-Li Beatteay <sbeatteay@digitalocean.com>
Date: Mon, 27 Jan 2020 12:53:11 -0500
Subject: [PATCH] fix firefox tags 'View Rules' bug (#5732) [deploy]

---
 app/javascript/shared/components/tags.jsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/javascript/shared/components/tags.jsx b/app/javascript/shared/components/tags.jsx
index d078ffd67..b1496926e 100644
--- a/app/javascript/shared/components/tags.jsx
+++ b/app/javascript/shared/components/tags.jsx
@@ -377,6 +377,7 @@ class Tags extends Component {
     let searchResultsHTML = '';
     const { searchResults, selectedIndex, showingRulesForTag } = this.state;
     const { classPrefix, defaultValue, maxTags, listing } = this.props;
+    const { activeElement } = document;
     const searchResultsRows = searchResults.map((tag, index) => (
       <div
         tabIndex="-1"
@@ -411,9 +412,11 @@ class Tags extends Component {
     ));
     if (
       searchResults.length > 0 &&
-      (document.activeElement.id === 'tag-input' ||
-        document.activeElement.className ===
-          'articleform__tagsoptionrulesbutton')
+      (activeElement.id === 'tag-input' ||
+        activeElement.classList.contains(
+          'articleform__tagsoptionrulesbutton',
+        ) ||
+        activeElement.classList.contains('articleform__tagoptionrow'))
     ) {
       searchResultsHTML = (
         <div className={`${classPrefix}__tagsoptions`}>