From ff70cb8059eb9040f8ed0855219a7321a3972018 Mon Sep 17 00:00:00 2001
From: Sayam Samal <sayam@zulip.com>
Date: Sat, 9 Aug 2025 19:25:56 +0530
Subject: [PATCH] user_status: Add INTERACTIVE_HOVER_DELAY to status emoji
 picker tooltip.

---
 web/src/tippyjs.ts                   | 6 ++++++
 web/templates/set_status_overlay.hbs | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/web/src/tippyjs.ts b/web/src/tippyjs.ts
index 0c0fe0daae..9a0c948ed4 100644
--- a/web/src/tippyjs.ts
+++ b/web/src/tippyjs.ts
@@ -603,6 +603,12 @@ export function initialize(): void {
         appendTo: () => document.body,
     });
 
+    tippy.delegate("body", {
+        target: ".user-status-emoji-picker",
+        delay: INTERACTIVE_HOVER_DELAY,
+        appendTo: () => document.body,
+    });
+
     tippy.delegate("body", {
         target: ".user-card-status-area .status-emoji",
         appendTo: () => document.body,
diff --git a/web/templates/set_status_overlay.hbs b/web/templates/set_status_overlay.hbs
index c0454a1f7f..ca293315de 100644
--- a/web/templates/set_status_overlay.hbs
+++ b/web/templates/set_status_overlay.hbs
@@ -1,5 +1,5 @@
 <div class="user-status-content-wrapper">
-    <div class="tippy-zulip-tooltip" data-tippy-content="{{t 'Select emoji' }}" data-tippy-placement="top" aria-label="{{t 'Select emoji' }}" id="selected_emoji">
+    <div class="user-status-emoji-picker" data-tippy-content="{{t 'Select emoji' }}" aria-label="{{t 'Select emoji' }}" id="selected_emoji">
         <div class="status-emoji-wrapper" tabindex="0">
             {{> status_emoji_selector .}}
         </div>