paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-15 03:11:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

compose: Handle topic-box focus and blur.

Browse Source
This commit is contained in:
Karl Stolley
2025-02-04 14:53:42 -06:00
committed by Tim Abbott
parent 30b1ae7111
commit 562bfd5671
3 changed files with 13 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/compose_recipient.ts
View File

@@ -348,7 +348,10 @@ export function initialize(): void {
$("#private_message_recipient").on("input", restore_placeholder_in_firefox_for_no_input); $("#private_message_recipient").on("input", restore_placeholder_in_firefox_for_no_input);
} }
export function update_topic_displayed_text(topic_name: string | undefined): void { export function update_topic_displayed_text(
topic_name: string | undefined,
has_topic_focus = false,
): void {
if (topic_name === undefined) { if (topic_name === undefined) {
topic_name = ""; topic_name = "";
} }
@@ -366,7 +369,7 @@ export function update_topic_displayed_text(topic_name: string | undefined): voi
// Remove any stale references to the empty topic display // Remove any stale references to the empty topic display
$input.removeClass("empty-topic-display"); $input.removeClass("empty-topic-display");
if (is_empty_string_topic) { if (is_empty_string_topic && !has_topic_focus) {
topic_placeholder_text = util.get_final_topic_display_name(""); topic_placeholder_text = util.get_final_topic_display_name("");
$input.addClass("empty-topic-display"); $input.addClass("empty-topic-display");
} }

7
web/src/compose_setup.js
View File

@@ -604,7 +604,14 @@ export function initialize() {
}); });
$("input#stream_message_recipient_topic").on("focus", () => { $("input#stream_message_recipient_topic").on("focus", () => {
const $input = $("input#stream_message_recipient_topic");
compose_recipient.update_topic_displayed_text($input.val(), true);
compose_recipient.update_compose_area_placeholder_text(); compose_recipient.update_compose_area_placeholder_text();
$("input#stream_message_recipient_topic").one("blur", () => {
compose_recipient.update_topic_displayed_text($input.val());
compose_recipient.update_compose_area_placeholder_text();
});
}); });
$("input#stream_message_recipient_topic").on("input", () => { $("input#stream_message_recipient_topic").on("input", () => {

2
web/styles/compose.css
View File

@@ -1092,7 +1092,7 @@ textarea.new_message_textarea {
} }
} }
#stream_message_recipient_topic:placeholder-shown #stream_message_recipient_topic:not(.empty-topic-display):placeholder-shown
+ #recipient_box_clear_topic_button { + #recipient_box_clear_topic_button {
visibility: hidden; visibility: hidden;
} }