Merge pull request #11 from Merlin04/fix-overflow

Fix overflow bug

.gitignore

@@ -15,3 +15,4 @@ node_modules
 src/auto-imports.d.ts
 src/components.d.ts
 components.d.ts
+yarn.lock

src/components/PageSearch.vue

@@ -28,13 +28,13 @@ TODO:Split the component into the following units
           @keydown.esc.prevent="onEsc"
         >
       </div>
-      <nav class="m overflow-scroll h-full" role="navigation">
+      <nav class="m h-full" role="navigation">
         <template v-if="searchResult.length">
           <ul class="pl-0">
             <li
               v-for="(result, i) in searchResult"
               :key="i"
-              :ref="el => { if (el) searchResultRefs[i] = el }"
+              :ref="el => { if (el) searchResultRefs[i] = el as HTMLElement }"
               :aria-selected="i === selectedNumber"
               class="block"
 
@@ -60,7 +60,7 @@ TODO:Split the component into the following units
           <template v-if="searchWord">
             <ul class="pl-0">
               <li
-                :ref="el => { if (el) searchResultRefs[0] = el }"
+                :ref="el => { if (el) searchResultRefs[0] = el as HTMLElement }"
                 :aria-selected="true"
                 class="block rounded-5px"
                 :data-url="`https://www.google.com/search?q=${searchWordFallback}`"

src/popup/Popup.vue

@@ -1,5 +1,5 @@
 <template>
-  <main class="w-700px h-440px flex bg-white dark:bg-gray-800 text-gray-600 dark:text-bg-gray-100">
+  <main class="w-700px h-440px flex bg-white dark:bg-gray-800 text-gray-600 dark:text-bg-gray-100 overflow-hidden">
     <div class="w-650px">
       <PageSearch v-if="currentPage === PAGES.SEARCH" :search-items="searchItems" />
       <PageInfo v-if="currentPage === PAGES.INFO" />