KevinMidboe/immich
1
0
Fork 0
mirror of https://github.com/KevinMidboe/immich.git synced 2025-10-29 17:40:28 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix(web): context menu overlap + outclick types (#2506)

Browse Source
This commit is contained in:
Michel Heusschen
2023-05-21 18:01:08 +02:00
committed by GitHub
parent 96fb68135e
commit 85c6cf4309
7 changed files with 36 additions and 52 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
web/src/lib/utils/click-outside.ts
View File

@@ -1,5 +1,11 @@
export function clickOutside(node: Node) {
const handleClick = (event: Event) => {
import type { ActionReturn } from 'svelte/action';
interface Attributes {
'on:outclick'?: (e: CustomEvent) => void;
}
export function clickOutside(node: HTMLElement): ActionReturn<void, Attributes> {
const handleClick = (event: MouseEvent) => {
const targetNode = event.target as Node | null;
if (!node.contains(targetNode)) {
node.dispatchEvent(new CustomEvent('outclick'));
@@ -7,7 +13,7 @@ export function clickOutside(node: Node) {
};
const handleKey = (event: KeyboardEvent) => {
if (event.key == 'Escape') {
if (event.key === 'Escape') {
node.dispatchEvent(new CustomEvent('outclick'));
}
};