Fix clear button in inline relationships in the document editor (#6944)

keystonejs · Nov 16, 2021 · 2be0e18 · 2be0e18
1 parent 528cc5e
commit 2be0e18
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/.changeset/witty-pillows-report.md b/.changeset/witty-pillows-report.md
@@ -0,0 +1,5 @@
+---
+'@keystone-next/fields-document': patch
+---
+
+Fixed clear button in inline relationships
diff --git a/packages/fields-document/src/DocumentEditor/relationship.tsx b/packages/fields-document/src/DocumentEditor/relationship.tsx
@@ -127,11 +127,12 @@ export function RelationshipElement({
                   ? null
                   : { id: element.data.id, label: element.data.label || element.data.id },
               onChange(value) {
-                Transforms.setNodes(
-                  editor,
-                  { data: value },
-                  { at: ReactEditor.findPath(editor, element) }
-                );
+                const at = ReactEditor.findPath(editor, element);
+                if (value === null) {
+                  Transforms.removeNodes(editor, { at });
+                } else {
+                  Transforms.setNodes(editor, { data: value }, { at });
+                }
               },
             }}
           />