diff --git a/packages/super-editor/src/components/toolbar/ButtonGroup.vue b/packages/super-editor/src/components/toolbar/ButtonGroup.vue
index a0e8ed0f0e..d7b3bf1dba 100644
--- a/packages/super-editor/src/components/toolbar/ButtonGroup.vue
+++ b/packages/super-editor/src/components/toolbar/ButtonGroup.vue
@@ -1,5 +1,5 @@
 <script setup>
-import { computed, ref, h } from 'vue';
+import { computed, ref, h, onMounted, onBeforeUnmount } from 'vue';
 import ToolbarButton from './ToolbarButton.vue';
 import ToolbarSeparator from './ToolbarSeparator.vue';
 import OverflowMenu from './OverflowMenu.vue';
@@ -204,6 +204,21 @@ const handleFocus = (e) => {
   }
 };
 
+const handleDocumentPointerDown = (event) => {
+  if (!currentItem.value?.expand) return;
+  const target = event.target;
+  if (target?.closest?.('[data-editor-ui-surface]') || target?.closest?.('.n-dropdown')) return;
+  closeDropdowns();
+};
+
+onMounted(() => {
+  document.addEventListener('pointerdown', handleDocumentPointerDown, true);
+});
+
+onBeforeUnmount(() => {
+  document.removeEventListener('pointerdown', handleDocumentPointerDown, true);
+});
+
 const handleDropdownUpdateShow = (open) => {
   if (!open) {
     closeDropdowns();