From 3a5182142e523979bfa1c47b1a6982bab0127918 Mon Sep 17 00:00:00 2001
From: dragongoose <19649813+dragongoose@users.noreply.github.com>
Date: Wed, 26 Jul 2023 17:15:06 -0400
Subject: [PATCH] Fix tag filter submitting as a form and sanitize input

---
 src/views/HomepageView.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/HomepageView.vue b/src/views/HomepageView.vue
index eea2bb5..0908f7e 100644
--- a/src/views/HomepageView.vue
+++ b/src/views/HomepageView.vue
@@ -25,7 +25,7 @@ export default {
   methods: {
     filterSearches(toFilter: string) {
       const categories = this.$refs.categoryItem
-      const wantedTags: string[] = toFilter.split(',').filter((v) => v.toLowerCase())
+      const wantedTags: string[] = toFilter.toLowerCase().split(',').filter((v) => v.toLowerCase())
 
       for (let category of categories as any) {
         let tagElements = category.getElementsByTagName('span')
@@ -125,7 +125,7 @@ export default {
 
       <div class="pt-5 inline-flex text-white">
         <p class="mr-2 font-bold text-white">{{ $t('home.tagDescription') }}</p>
-        <form class="relative">
+        <div class="relative">
           <label for="searchBar" class="hidden">{{ $t('main.search') }}</label>
           <v-icon name="io-search-outline" class="absolute my-auto inset-y-0 left-2"></v-icon>
           <input
@@ -137,7 +137,7 @@ export default {
             @keyup="filterSearches(filterTags)"
             class="rounded-md p-1 pl-8 text-black bg-neutral-500 placeholder:text-white"
           />
-        </form>
+        </div>
       </div>
     </div>