mobile: fix color popup on mobile

2026-09-01 19:49:54 +02:00 · 2024-07-08 12:01:03 +05:00
2 changed files with 2 additions and 3 deletions
--- a/packages/editor-mobile/src/components/tiptap.tsx
+++ b/packages/editor-mobile/src/components/tiptap.tsx
@@ -43,8 +43,7 @@ export default function TiptapEditorWrapper(props: {
            sx={{
              display: props.settings.noToolbar ? "none" : "flex",
              overflowY: "hidden",
-              minHeight: "50px",
-              backgroundColor: "red"
+              minHeight: "50px"
            }}
            editor={editor}
            location="bottom"
--- a/packages/editor/src/toolbar/tools/colors.tsx
+++ b/packages/editor/src/toolbar/tools/colors.tsx
@@ -58,7 +58,7 @@ export function ColorTool(props: ColorToolProps) {
      location: isBottom ? "top" : "below",
      yOffset: 10
    };
-  }, [isBottom]);
+  }, [isBottom, isOpen]);

  useEffect(() => {
    config.set(`custom_${cacheKey}`, colors);