henrik/followspot-psn
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix parent possibly null before passing it as prop

Browse Source
This commit is contained in:
Henrik Tøn Løvhaug
2024-12-09 15:24:25 +01:00
parent 48e2ad3535
commit 4d6b61e90e
1 changed files with 7 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/components/Drag.svelte
View File

@@ -4,7 +4,7 @@
x: number; x: number;
y: number; y: number;
ws: WebSocket | null; ws: WebSocket | null;
parent: HTMLElement; parent: HTMLElement | null;
}; };
let { let {
@@ -22,10 +22,10 @@
let vis_y = $state(0); let vis_y = $state(0);
$effect(() => { $effect(() => {
vis_x = x + (parent.clientWidth ?? 0) / 2 - (element.clientWidth ?? 0) / 2; vis_x = x + (parent?.clientWidth ?? 0) / 2 - (element.clientWidth ?? 0) / 2;
vis_y = vis_y =
y + (parent.clientHeight ?? 0) / 2 - (element.clientHeight ?? 0) / 2; y + (parent?.clientHeight ?? 0) / 2 - (element.clientHeight ?? 0) / 2;
}); });
let capturedPointerId: number | null = $state(null); let capturedPointerId: number | null = $state(null);
@@ -45,12 +45,12 @@
e.stopPropagation(); e.stopPropagation();
x = Math.min( x = Math.min(
parent.clientWidth / 2, (parent?.clientWidth ?? 0) / 2,
Math.max(-parent.clientWidth / 2, x + e.movementX), Math.max(-(parent?.clientWidth ?? 0) / 2, x + e.movementX),
); );
y = Math.min( y = Math.min(
parent.clientHeight / 2, (parent?.clientHeight ?? 0) / 2,
Math.max(-parent.clientHeight / 2, y + e.movementY), Math.max(-(parent?.clientHeight ?? 0) / 2, y + e.movementY),
); );
if (ws) { if (ws) {