From 3f56db51c2b04f67e586457e919efc7bdc618ca6 Mon Sep 17 00:00:00 2001
From: cnachtigall1991 <40701475+cnachtigall1991@users.noreply.github.com>
Date: Wed, 20 Oct 2021 17:24:04 +0200
Subject: [PATCH] fixed navbar being closed when clicking on input field

---
 src/components/Nav.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/Nav.vue b/src/components/Nav.vue
index 696ec22..63e2812 100644
--- a/src/components/Nav.vue
+++ b/src/components/Nav.vue
@@ -19,7 +19,7 @@
             </router-link>
           </li>
         </ul>
-        <form class="d-flex" @keydown.enter.prevent="parseSearch">
+        <form id="searchform" class="d-flex" @keydown.enter.prevent="parseSearch" @submit.prevent="parseSearch">
           <label for="search">
             <i class="fas fa-search"></i>
           </label>
@@ -30,6 +30,7 @@
                  title="SteamID64, Profile Link or Custom URL"
                  type="search">
           <button
+              id="search-button"
               class="btn border-2 btn-outline-info"
               type="button"
               @click="parseSearch"
@@ -160,8 +161,12 @@ export default {
       }
     }
 
-    document.addEventListener('click', () => {
-      closeNav()
+    document.addEventListener('click', (e) => {
+      if (e.target.attributes.id) {
+        if (e.target.attributes.id.name === 'searchform' || e.target.attributes.id.name === 'search' || e.target.attributes.id.name === 'search-button')
+          console.log('test')
+      } else
+        closeNav()
     })