Fix issue when tabbing into editor in Safari (#5383)

udecode/plate#2315
ianstormtaylor · Apr 3, 2023 · 3c3ea29 · 3c3ea29
1 parent 5a0d397
commit 3c3ea29
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/.changeset/cool-baboons-turn.md b/.changeset/cool-baboons-turn.md
@@ -0,0 +1,5 @@
+---
+'slate-react': patch
+---
+
+Fix issue when tabbing into editor in Safari (https://github.com/udecode/plate/issues/2315)
diff --git a/packages/slate-react/src/components/leaf.tsx b/packages/slate-react/src/components/leaf.tsx
@@ -15,6 +15,7 @@ import {
 } from '../utils/weak-maps'
 import { RenderLeafProps, RenderPlaceholderProps } from './editable'
 import { useSlateStatic } from '../hooks/use-slate-static'
+import { IS_SAFARI } from '../utils/environment'
 
 function disconnectPlaceholderResizeObserver(
   placeholderResizeObserver: MutableRefObject<ResizeObserver | null>,
@@ -125,6 +126,8 @@ const Leaf = (props: {
           opacity: '0.333',
           userSelect: 'none',
           textDecoration: 'none',
+          // Fixes https://github.com/udecode/plate/issues/2315
+          WebkitUserModify: IS_SAFARI ? 'inherit' : undefined,
         },
         contentEditable: false,
         ref: callbackPlaceholderRef,