From 2208002894224b32f2a01fd4e554b4118a2c6187 Mon Sep 17 00:00:00 2001
From: Preston <freetubeapp@protonmail.com>
Date: Mon, 15 Feb 2021 10:44:09 -0500
Subject: [PATCH] Fix dropdown from showing up behind elements

---
 src/renderer/components/ft-input/ft-input.css | 3 ++-
 src/renderer/components/ft-input/ft-input.vue | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/ft-input/ft-input.css b/src/renderer/components/ft-input/ft-input.css
index eb1a955d..293178fa 100644
--- a/src/renderer/components/ft-input/ft-input.css
+++ b/src/renderer/components/ft-input/ft-input.css
@@ -89,6 +89,7 @@
   list-style: none;
   margin: 0;
   padding: 5px 0;
+  z-index: 10;
   border-radius: 0 0 5px 5px;
   border: 1px #ccc solid;
   background-color: white;
@@ -104,4 +105,4 @@
 .hover {
   background-color: #ccc;
 /*   color: white; */
-}
\ No newline at end of file
+}
diff --git a/src/renderer/components/ft-input/ft-input.vue b/src/renderer/components/ft-input/ft-input.vue
index 926fd9b6..1d7224cc 100644
--- a/src/renderer/components/ft-input/ft-input.vue
+++ b/src/renderer/components/ft-input/ft-input.vue
@@ -42,7 +42,7 @@
       <ul
         v-if="inputData !== '' && dataList.length > 0 && searchState.showOptions"
         :id="idDataList"
-        :class="'list'"
+        class="list"
         @mouseenter="searchState.isPointerInList = true"
         @mouseleave="searchState.isPointerInList = false"
       >