fix(theme): prevent closing local search box on key enter (#2933)

vuejs · Sep 10, 2023 · e544b41 · e544b41
1 parent c6ff5c7
commit e544b41
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/src/client/theme-default/components/VPLocalSearchBox.vue b/src/client/theme-default/components/VPLocalSearchBox.vue
@@ -307,7 +307,15 @@ onKeyStroke('ArrowDown', (event) => {
 
 const router = useRouter()
 
-onKeyStroke('Enter', () => {
+onKeyStroke('Enter', (e) => {
+  if (e.target instanceof HTMLButtonElement && e.target.type !== 'submit')
+    return
+
+  if (e.target instanceof HTMLInputElement) {
+    e.preventDefault()
+    return
+  }
+
   const selectedPackage = results.value[selectedIndex.value]
   if (selectedPackage) {
     router.go(selectedPackage.id)
@@ -464,6 +472,7 @@ function formMarkRegex(terms: Set<string>) {
             <button
               v-if="!disableDetailedView"
               class="toggle-layout-button"
+              type="button"
               :class="{ 'detailed-list': showDetailedList }"
               :title="$t('modal.displayDetails')"
               @click="