diff --git a/packages/client/src/tiptap/styles/selection.scss b/packages/client/src/tiptap/styles/selection.scss index c35c022f..e3182838 100644 --- a/packages/client/src/tiptap/styles/selection.scss +++ b/packages/client/src/tiptap/styles/selection.scss @@ -17,6 +17,8 @@ } .node-status { + margin-right: 4px; + .semi-tag-default { border: 1px solid var(--node-border-color); } diff --git a/packages/client/src/tiptap/wrappers/status/index.tsx b/packages/client/src/tiptap/wrappers/status/index.tsx index cfb84a6e..f18dcd28 100644 --- a/packages/client/src/tiptap/wrappers/status/index.tsx +++ b/packages/client/src/tiptap/wrappers/status/index.tsx @@ -76,6 +76,7 @@ export const StatusWrapper = ({ editor, node, updateAttributes }) => { useEffect(() => { if (defaultShowPicker) { toggleVisible(true); + setTimeout(() => ref.current?.focus(), 100); } }, [defaultShowPicker]);