diff --git a/packages/client/src/tiptap/editor/collaboration/collaboration/menubar.tsx b/packages/client/src/tiptap/editor/collaboration/collaboration/menubar.tsx
index 81bf8727..97cb53d2 100644
--- a/packages/client/src/tiptap/editor/collaboration/collaboration/menubar.tsx
+++ b/packages/client/src/tiptap/editor/collaboration/collaboration/menubar.tsx
@@ -42,6 +42,7 @@ import { DocumentReference } from 'tiptap/editor/menus/document-reference';
import { Image } from 'tiptap/editor/menus/image';
import { Iframe } from 'tiptap/editor/menus/iframe';
import { Table } from 'tiptap/editor/menus/table';
+import { Text } from 'tiptap/editor/menus/text';
import { Mind } from 'tiptap/editor/menus/mind';
const _MenuBar: React.FC<{ editor: Editor }> = ({ editor }) => {
@@ -108,6 +109,7 @@ const _MenuBar: React.FC<{ editor: Editor }> = ({ editor }) => {
+
diff --git a/packages/client/src/tiptap/editor/hooks/use-active.tsx b/packages/client/src/tiptap/editor/hooks/use-active.tsx
index 0d26cdcb..8bae1519 100644
--- a/packages/client/src/tiptap/editor/hooks/use-active.tsx
+++ b/packages/client/src/tiptap/editor/hooks/use-active.tsx
@@ -12,9 +12,11 @@ export const useActive = (editor: Editor, ...args) => {
};
editor.on('selectionUpdate', listener);
+ editor.on('transaction', listener);
return () => {
editor.off('selectionUpdate', listener);
+ editor.off('transaction', listener);
};
}, [editor, args, toggleActive]);
diff --git a/packages/client/src/tiptap/editor/menus/background-color/index.tsx b/packages/client/src/tiptap/editor/menus/background-color/index.tsx
index 5a1d374a..41ad50a8 100644
--- a/packages/client/src/tiptap/editor/menus/background-color/index.tsx
+++ b/packages/client/src/tiptap/editor/menus/background-color/index.tsx
@@ -36,7 +36,7 @@ export const BackgroundColor: React.FC<{ editor: Editor }> = ({ editor }) => {