paulmataruso/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2025-11-05 22:43:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

compose: Show or hide scrolling buttons on scroll event.

Browse Source 
Fixes: #31215
This commit is contained in:
Karl Stolley
2025-01-09 13:15:30 -06:00
committed by Tim Abbott
parent c6bdebec03
commit dcb7acfde3
3 changed files with 43 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
web/src/compose_ui.ts
View File

@@ -530,6 +530,31 @@ export function make_compose_box_original_size(): void {
$("textarea#compose-textarea").trigger("focus");
}
export function handle_scrolling_formatting_buttons(event: JQuery.ScrollEvent): void {
event.stopPropagation();
const $button_bar = $(event.currentTarget);
const $button_container = $button_bar.closest(".compose-scrolling-buttons-container");
const button_bar_max_left_scroll = Number(
$button_container.attr("data-button-bar-max-left-scroll"),
);
const button_bar_left_scroll = $button_bar.scrollLeft();
// If we're within 4px of the start or end of the formatting buttons,
// go ahead and hide the respective scrolling button
const hide_scroll_button_threshhold_px = 4;
$button_container.addClass("can-scroll-forward can-scroll-backward");
assert(typeof button_bar_left_scroll === "number");
if (button_bar_left_scroll >= button_bar_max_left_scroll - hide_scroll_button_threshhold_px) {
$button_container.removeClass("can-scroll-forward");
}
if (button_bar_left_scroll <= hide_scroll_button_threshhold_px) {
$button_container.removeClass("can-scroll-backward");
}
}
export function handle_keydown(
event: JQuery.KeyboardEventBase,
$textarea: JQuery<HTMLTextAreaElement>,