From de7419a528f120c40d5704fbb073449fb4763002 Mon Sep 17 00:00:00 2001 From: Karl Stolley Date: Fri, 29 Aug 2025 14:16:21 -0500 Subject: [PATCH] compose: Only transition when low-attention row hovered. Previously, if the mouse cursor were in the vicinity of the compose box, we'd see transitions even on keyboard interactions, which should not have been happening. This also allows instantaneous highlighting for keyboard users, as well as avoiding any transitions when a mouse user clicks into a recipient-row element (at which point the hover transitions will have already run). --- web/styles/compose.css | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/web/styles/compose.css b/web/styles/compose.css index a5ce7e458e..73b1c60dc3 100644 --- a/web/styles/compose.css +++ b/web/styles/compose.css @@ -1241,9 +1241,10 @@ textarea.new_message_textarea { the mouse, once the compose box is open. Any keyboard interactions (e.g., Shift-Tabbing from the compose textarea to the topic box) show instant changes, so we don't need to - accommodate them here. */ -#compose.compose-box-open:hover { - .low-attention-recipient-row { + accommodate them here, which we prevent by applying the + transitions only when focus isn't within the recipient row. */ +#compose.compose-box-open { + .low-attention-recipient-row:hover:not(:focus-within) { #compose_select_recipient_widget, #compose_recipient_box, #compose-direct-recipient .pill-container {