Bug 2024216 - Emoji comment reaction tooltips not visible on old closed bugs when adding reactions is disabled

extensions/BugModal/web/bug_modal.css

@@ -1298,6 +1298,11 @@ a.comment-tag-url {
   color: var(--secondary-button-foreground-color) !important;
 }
 
+.comment-reactions .sums button:disabled {
+  pointer-events: auto;
+  cursor: default;
+}
+
 .comment-reactions button[aria-pressed="true"] {
   background-color: var(--selected-text-background-color) !important;
 }

extensions/BugModal/web/comments.js

@@ -547,7 +547,10 @@ Bugzilla.BugModal.CommentReactions = class CommentReactions {
     /** @type {string} */
     this.anchorName = `--comment-${this.commentId}-reactions`;
 
-    // Users cannot react on old bugs
+    this.attachTooltipListeners();
+
+    // When reactions are disabled (no anchor button), tooltips are still
+    // available above but adding new reactions is not.
     if (!this.$anchor) {
       return;
     }
@@ -609,19 +612,25 @@ Bugzilla.BugModal.CommentReactions = class CommentReactions {
       $button.addEventListener('click', async () => {
         this.toggleReaction($button);
       });
-
-      if ($button.matches('.sum')) {
-        $button.addEventListener('mouseenter', () => {
-          this.updateButtons();
-        });
-
-        $button.addEventListener('focus', () => {
-          this.updateButtons();
-        });
-      }
     });
   }
 
+  /**
+   * Attach `mouseenter` and `focus` listeners on `.sum` buttons to fetch and display reaction
+   * tooltips. This is called for both active and disabled reaction states so that users can
+   * always see who reacted.
+   */
+  attachTooltipListeners() {
+    const updateButtons = () => this.updateButtons();
+
+    this.buttons
+      .filter(($button) => $button.matches('.sum'))
+      .forEach(($button) => {
+        $button.addEventListener('mouseenter', updateButtons);
+        $button.addEventListener('focus', updateButtons);
+      });
+  }
+
   /**
    * All the emoji buttons.
    */