RPJosh
/
memories
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

viewer: move to custom dialog 

Signed-off-by: Varun Patil <radialapps@gmail.com>
pull/783/head
Varun Patil 2023-08-21 17:35:12 -07:00
parent ba19a3b45f
commit 60281c1f7f
1 changed files with 8 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/viewer/Viewer.vue
View File

@ -496,7 +496,10 @@ export default defineComponent({
// Monkey patch for focus trapping in sidebar
const _onFocusIn = this.photoswipe.keyboard['_onFocusIn'];
this.photoswipe.keyboard['_onFocusIn'] = (e: FocusEvent) => {
if (e.target instanceof HTMLElement && e.target.closest('#app-sidebar-vue, .v-popper__popper, .modal-mask')) {
if (
e.target instanceof HTMLElement &&
e.target.closest(['#app-sidebar-vue', '.v-popper__popper', '.modal-mask', '.oc-dialog'].join(','))
) {
return;
}
_onFocusIn.call(this.photoswipe!.keyboard, e);
@ -930,11 +933,13 @@ export default defineComponent({
},
/** Key press events */
keydown(e: KeyboardEvent) {
async keydown(e: KeyboardEvent) {
if (
e.key === 'Delete' &&
!this.routeIsPublic &&
confirm(this.t('memories', 'Are you sure you want to delete?'))
(await utils.confirmDestructive({
title: this.t('memories', 'Are you sure you want to delete?'),
}))
) {
this.deleteCurrent();
}