feat: scroll when trying to filter

kevincobain2000 · Nov 11, 2024 · a336eed · a336eed
1 parent d5d1575
commit a336eed
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/frontend/src/components/Viewer.astro b/frontend/src/components/Viewer.astro
@@ -119,6 +119,10 @@ import Alpine from "@components/Alpine.astro";
     if (input.query_file.length < 3) {
       return;
     }
+    // scroll to top on file search with id files
+    document.getElementById("files").scroll(0,0)
+
+
 
     const minMatchLength = 3; // Minimum length of matching substring
     const matching_file_paths = results.file_paths_backup.filter((curr) => {

diff --git a/frontend/src/components/partials/viewer/Inputs.astro b/frontend/src/components/partials/viewer/Inputs.astro
@@ -180,6 +180,7 @@
         <input
           type="text"
           x-model="input.query_file"
+          @click="document.getElementById('files').scroll(0,0)"
           @keyup="submitFile"
           class="w-1/5 p-2 font-mono ps-10 text-sm bg-gray-900 border-b border-b-gray-700 placeholder-gray-400 text-white focus:outline-none"
           placeholder="Filter file"
@@ -189,6 +190,7 @@
     <template x-for="type in ['file', 'ssh', 'stdin', 'docker']">
       <ul
         class="max-h-48 xl:ml-10 px-3 pt-2 pb-2 overflow-y-auto text-sm text-gray-200 no-scrollbar break-all"
+        id="files"
       >
         <template
           x-if="results.file_paths.filter((fp) => fp.type == type).length"