@meta-1/editor 1.0.5 → 1.0.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meta-1/editor",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "keywords": [
     "meta",
     "tailwindcss",

package/src/components/tiptap-node/image-node/image-node-view.css

@@ -1,5 +1,9 @@
 @reference "@meta-1/design/theme.css";
 
+.tiptap.ProseMirror[data-dragging="true"] .ProseMirror-selectednode .tiptap-image .tiptap-image-container {
+  outline: none !important;
+}
+
 .tiptap.ProseMirror .ProseMirror-selectednode .tiptap-image .tiptap-image-container {
   @apply rounded-sm;
   outline: 0.125rem solid transparent;

package/src/components/tiptap-node/image-node/image-node.css

@@ -13,6 +13,10 @@
   @apply outline-indigo-500;
 }
 
+.tiptap.ProseMirror[data-dragging="true"] img:not([data-type="emoji"] img).ProseMirror-selectednode {
+  outline: none !important;
+}
+
 /* Thread image handling */
 .tiptap.ProseMirror .tiptap-thread:has(> img) {
   @apply my-8;

package/src/components/tiptap-ui/drag-context-menu/drag-context-menu.tsx

@@ -316,11 +316,15 @@ export const DragContextMenu: React.FC<DragContextMenuProps> = ({
   const onElementDragStart = useCallback(() => {
     if (!editor) return;
     editor.commands.setIsDragging(true);
+    // Add data attribute to hide selected outline in drag ghost
+    editor.view.dom.setAttribute("data-dragging", "true");
   }, [editor]);
 
   const onElementDragEnd = useCallback(() => {
     if (!editor) return;
     editor.commands.setIsDragging(false);
+    // Remove data attribute
+    editor.view.dom.removeAttribute("data-dragging");
 
     setTimeout(() => {
       editor.view.dom.blur();