Fix Eyedropper tool and make Svelte's bind:this more robust

This commit is contained in:
Keavon Chambers
2023-03-11 12:32:01 -08:00
parent 6b85eb9a43
commit 0c7c689126
23 changed files with 177 additions and 142 deletions
@@ -11,7 +11,7 @@
const dialog = getContext<DialogState>("dialog");
let self: FloatingMenu;
let self: FloatingMenu | undefined;
export function dismiss() {
dialog.dismissDialog();
@@ -19,7 +19,7 @@
onMount(() => {
// Focus the first button in the popup
const emphasizedOrFirstButton = (self.div().querySelector("[data-emphasized]") || self.div().querySelector("[data-text-button]") || undefined) as HTMLButtonElement | undefined;
const emphasizedOrFirstButton = (self?.div()?.querySelector("[data-emphasized]") || self?.div()?.querySelector("[data-text-button]") || undefined) as HTMLButtonElement | undefined;
emphasizedOrFirstButton?.focus();
});
</script>