Directly paste ClipboardEvents in Safari (#5362)

* Directly paste ClipboardEvents in Safari * Add changeset
ianstormtaylor · Mar 16, 2023 · 4399935 · 4399935
1 parent e587880
commit 4399935
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/lovely-papayas-hug.md b/.changeset/lovely-papayas-hug.md
@@ -0,0 +1,5 @@
+---
+'slate-react': patch
+---
+
+Fix an issue where pastes in Safari wouldn't include application/x-slate-fragment data
diff --git a/packages/slate-react/src/components/editable.tsx b/packages/slate-react/src/components/editable.tsx
@@ -1619,9 +1619,13 @@ export const Editable = (props: EditableProps) => {
                   // fall back to React's `onPaste` here instead.
                   // COMPAT: Firefox, Chrome and Safari don't emit `beforeinput` events
                   // when "paste without formatting" is used, so fallback. (2020/02/20)
+                  // COMPAT: Safari InputEvents generated by pasting won't include
+                  // application/x-slate-fragment items, so use the
+                  // ClipboardEvent here. (2023/03/15)
                   if (
                     !HAS_BEFORE_INPUT_SUPPORT ||
-                    isPlainTextOnlyPaste(event.nativeEvent)
+                    isPlainTextOnlyPaste(event.nativeEvent) ||
+                    IS_SAFARI
                   ) {
                     event.preventDefault()
                     ReactEditor.insertData(editor, event.clipboardData)