diff --git a/packages/web/src/appobj/DatabaseObjectAppObject.svelte b/packages/web/src/appobj/DatabaseObjectAppObject.svelte
index bb1e9c65f..765c874f4 100644
--- a/packages/web/src/appobj/DatabaseObjectAppObject.svelte
+++ b/packages/web/src/appobj/DatabaseObjectAppObject.svelte
@@ -841,6 +841,10 @@
   export function createAppObjectMenu(data) {
     return createDatabaseObjectMenu(data);
   }
+
+  export function handleObjectClick(data, forceNewTab = false, preventPreviewMode = false) {
+    return handleDatabaseObjectClick(data, forceNewTab, preventPreviewMode);
+  }
 </script>
 
 <script lang="ts">
diff --git a/packages/web/src/widgets/AppObjectListHandler.svelte b/packages/web/src/widgets/AppObjectListHandler.svelte
index 398940997..ad5799349 100644
--- a/packages/web/src/widgets/AppObjectListHandler.svelte
+++ b/packages/web/src/widgets/AppObjectListHandler.svelte
@@ -6,6 +6,7 @@
   export let selectedObjectStore;
   export let getSelectedObject;
   export let selectedObjectMatcher;
+  export let module;
 
   let isListFocused = false;
 
@@ -15,6 +16,7 @@
       const index = _.findIndex(list, x => selectedObjectMatcher(x, selected));
       if (index >= 0 && list[index + diff]) {
         selectedObjectStore.set(list[index + diff]);
+        module.handleObjectClick(list[index + diff]);
       }
     }
     if (ev.keyCode == keycodes.upArrow) {
diff --git a/packages/web/src/widgets/SqlObjectList.svelte b/packages/web/src/widgets/SqlObjectList.svelte
index 59a9a030a..9d1ffb433 100644
--- a/packages/web/src/widgets/SqlObjectList.svelte
+++ b/packages/web/src/widgets/SqlObjectList.svelte
@@ -186,6 +186,7 @@
         selectedObjectStore={selectedDatabaseObjectAppObject}
         getSelectedObject={getSelectedDatabaseObjectAppObject}
         selectedObjectMatcher={matchDatabaseObjectAppObject}
+        module={databaseObjectAppObject}
       >
         <AppObjectList
           list={objectList