From 56cd2ea888546444cfa9a96e7e82b2adb1686958 Mon Sep 17 00:00:00 2001
From: Freeplay <freeplay@duck.com>
Date: Fri, 23 Jun 2023 17:30:50 -0400
Subject: [PATCH] fix: autocomplete not being focused properly

---
 packages/client/src/components/MkModal.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/packages/client/src/components/MkModal.vue b/packages/client/src/components/MkModal.vue
index 9f25f9cc40..890ab9076c 100644
--- a/packages/client/src/components/MkModal.vue
+++ b/packages/client/src/components/MkModal.vue
@@ -19,8 +19,7 @@
 	>
 		<FocusTrap
 			v-model:active="isActive"
-			:initial-focus="() => $refs.content"
-			:return-focus-on-deactivate="!noReturnFocus"
+			:return-focus-on-deactivate="false"
 			@deactivate="close"
 		>
 			<div
@@ -67,6 +66,8 @@
 					]"
 					:style="{ zIndex }"
 					@click.self="onBgClick"
+					v-focus
+					tabindex="-1"
 				>
 					<slot :max-height="maxHeight" :type="type"></slot>
 				</div>
@@ -179,6 +180,7 @@ let transitionDuration = $computed(() =>
 
 let contentClicking = false;
 
+const focusedElement = document.activeElement; 
 function close(ev, opts: { useSendAnimation?: boolean } = {}) {
 	// removeEventListener("popstate", close);
 	// if (props.preferType == "dialog") {
@@ -192,6 +194,9 @@ function close(ev, opts: { useSendAnimation?: boolean } = {}) {
 	if (props.src) props.src.style.pointerEvents = "auto";
 	showing = false;
 	emit("close");
+	if (!props.noReturnFocus) {
+		focusedElement.focus();
+	}
 }
 
 function onBgClick() {