From 17561d09a114b0accd045ea35507c06aaeaee084 Mon Sep 17 00:00:00 2001
From: Karl Stolley <karl@zulip.com>
Date: Wed, 30 Oct 2024 11:56:37 -0500
Subject: [PATCH] compose: Give tab-focused widget wrapper sensible border.

---
 web/styles/compose.css | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/web/styles/compose.css b/web/styles/compose.css
index 943b1a9158..235d1383c5 100644
--- a/web/styles/compose.css
+++ b/web/styles/compose.css
@@ -1432,6 +1432,14 @@ textarea.new_message_textarea {
     justify-content: flex-start;
     height: var(--compose-recipient-box-min-height);
 
+    &:focus-visible {
+        outline: 0;
+
+        #compose_select_recipient_widget {
+            border-color: var(--color-compose-recipient-box-has-focus);
+        }
+    }
+
     .dropdown_widget_value {
         flex-grow: 1;
         text-overflow: ellipsis;