mirrors/jellyfin-web
1
0
Fork 0
mirror of https://github.com/jellyfin/jellyfin-web synced 2025-03-30 19:56:21 +00:00
Code Activity

Prevent modal clos on mouse press up if outside the dialog

Browse source
This commit is contained in:
venkat_karasani 2024-07-13 12:22:27 -05:00 • committed by Bill Thornton
parent b9dea3a788
commit 2ed3aced2f
2 changed files with 28 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/components/dialogHelper/dialogHelper.js
View file

@ -42,7 +42,7 @@ function tryRemoveElement(elem) {
}
}
function DialogHashHandler(dlg, hash, resolve) {
function DialogHashHandler(dlg, hash, resolve, dlgOptions) {
const self = this;
self.originalUrl = window.location.href;
const activeElement = document.activeElement;
@ -157,7 +157,7 @@ function DialogHashHandler(dlg, hash, resolve) {
dlg.classList.remove('hide');
addBackdropOverlay(dlg);
addBackdropOverlay(dlg, dlgOptions);
dlg.classList.add('opened');
dlg.dispatchEvent(new CustomEvent('open', {
@ -192,7 +192,7 @@ function DialogHashHandler(dlg, hash, resolve) {
}
}
function addBackdropOverlay(dlg) {
function addBackdropOverlay(dlg, dlgOptions = {}) {
const backdrop = document.createElement('div');
backdrop.classList.add('dialogBackdrop');
@ -204,29 +204,33 @@ function addBackdropOverlay(dlg) {
void backdrop.offsetWidth;
backdrop.classList.add('dialogBackdropOpened');
dom.addEventListener((dlg.dialogContainer || backdrop), 'click', e => {
if (e.target === dlg.dialogContainer) {
close(dlg);
}
}, {
passive: true
});
if (!dlgOptions.preventCloseOnClick) {
dom.addEventListener((dlg.dialogContainer || backdrop), 'click', e => {
if (e.target === dlg.dialogContainer) {
close(dlg);
}
}, {
passive: true
});
}
dom.addEventListener((dlg.dialogContainer || backdrop), 'contextmenu', e => {
if (e.target === dlg.dialogContainer) {
// Close the application dialog menu
close(dlg);
// Prevent the default browser context menu from appearing
e.preventDefault();
}
});
if (!dlgOptions.preventCloseOnRightClick) {
dom.addEventListener((dlg.dialogContainer || backdrop), 'contextmenu', e => {
if (e.target === dlg.dialogContainer) {
// Close the application dialog menu
close(dlg);
// Prevent the default browser context menu from appearing
e.preventDefault();
}
});
}
}
function isHistoryEnabled(dlg) {
return dlg.getAttribute('data-history') === 'true';
}
export function open(dlg) {
export function open(dlg, dlgOptions) {
if (globalOnOpenCallback) {
globalOnOpenCallback(dlg);
}
@ -243,7 +247,7 @@ export function open(dlg) {
document.body.appendChild(dialogContainer);
return new Promise((resolve) => {
new DialogHashHandler(dlg, `dlg${new Date().getTime()}`, resolve);
new DialogHashHandler(dlg, `dlg${new Date().getTime()}`, resolve, dlgOptions);
});
}

5
src/components/metadataEditor/metadataEditor.js
View file

@ -1058,7 +1058,10 @@ function show(itemId, serverId, resolve) {
centerFocus(dlg.querySelector('.formDialogContent'), false, true);
}
dialogHelper.open(dlg);
dialogHelper.open(dlg, {
preventCloseOnClick : true,
preventCloseOnRightClick : true
});
dlg.addEventListener('close', function () {
if (layoutManager.tv) {