CodeCow/zulip
1
0
Fork 0
mirror of https://github.com/zulip/zulip.git synced 2026-07-09 21:21:47 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

overlays: Don't scroll background when modal/overlay is open.

Browse Source
This commit is contained in:
Aman Agrawal 2023-05-22 17:26:15 +00:00 committed by Tim Abbott
parent dc04b0e171
commit 26c63abe18
1 changed files with 27 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
web/src/overlays.ts
View File

@ -49,6 +49,14 @@ function call_hooks(func_list: Hook[]): void {
}
}
export function disable_scrolling(): void {
$("html").css({"overflow-y": "hidden"});
}
function enable_scrolling(): void {
$("html").css({"overflow-y": "scroll"});
}
export function is_active(): boolean {
return Boolean(open_overlay_name);
}
@ -134,6 +142,7 @@ export function open_overlay(opts: OverlayOptions): void {
},
};
disable_scrolling();
opts.$overlay.addClass("show");
opts.$overlay.attr("aria-hidden", "false");
$(".app").attr("aria-hidden", "true");
@ -240,11 +249,26 @@ export function open_modal(
}
close_modal(modal_id);
});
function on_show_callback(): void {
if (conf.on_show) {
conf.on_show();
}
disable_scrolling();
}
function on_close_callback(): void {
if (conf.on_hide) {
conf.on_hide();
}
enable_scrolling();
}
Micromodal.show(modal_id, {
disableFocus: true,
openClass: "modal--opening",
onShow: conf?.on_show,
onClose: conf?.on_hide,
onShow: on_show_callback,
onClose: on_close_callback,
});
}
@ -274,6 +298,7 @@ export function close_overlay(name: string): void {
$("#navbar-fixed-container").attr("aria-hidden", "false");
active_overlay.close_handler();
enable_scrolling();
}
export function close_active(): void {