diff --git a/packages/web/src/datagrid/DataGridCore.svelte b/packages/web/src/datagrid/DataGridCore.svelte
index 9ef26293d..22591f6f3 100644
--- a/packages/web/src/datagrid/DataGridCore.svelte
+++ b/packages/web/src/datagrid/DataGridCore.svelte
@@ -401,6 +401,7 @@
   import { getDatabaseInfo, useDatabaseStatus } from '../utility/metadataLoaders';
   import { showSnackbarSuccess } from '../utility/snackbar';
   import { openJsonLinesData } from '../utility/openJsonLinesData';
+  import contextMenuActivator from '../utility/contextMenuActivator';
 
   export let onLoadNextData = undefined;
   export let grider = undefined;
@@ -1785,6 +1786,7 @@
     bind:clientWidth={containerWidth}
     bind:clientHeight={containerHeight}
     use:contextMenu={buildMenu}
+    use:contextMenuActivator={activator}
     on:wheel={handleGridWheel}
   >
     <input
diff --git a/packages/web/src/utility/contextMenuActivator.ts b/packages/web/src/utility/contextMenuActivator.ts
new file mode 100644
index 000000000..c488d19f9
--- /dev/null
+++ b/packages/web/src/utility/contextMenuActivator.ts
@@ -0,0 +1,13 @@
+export default function contextMenuActivator(node, activator) {
+  const handleContextMenu = async e => {
+    activator.activate();
+  };
+
+  node.addEventListener('contextmenu', handleContextMenu);
+
+  return {
+    destroy() {
+      node.removeEventListener('contextmenu', handleContextMenu);
+    },
+  };
+}