Adjust cursor position when on selection collapse for RTL direction (#…

…5567) * fix: adjust edge on collapse RTL selection * style: fix linting issue * chore: add changeset
ianstormtaylor · Nov 30, 2023 · 07f59e3 · 07f59e3
1 parent 0312531
commit 07f59e3
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/.changeset/unlucky-paws-allow.md b/.changeset/unlucky-paws-allow.md
@@ -0,0 +1,5 @@
+---
+'slate-react': patch
+---
+
+Fix cursor position on selection collapse for RTL direction
diff --git a/packages/slate-react/src/components/editable.tsx b/packages/slate-react/src/components/editable.tsx
@@ -1501,7 +1501,9 @@ export const Editable = (props: EditableProps) => {
                     if (selection && Range.isCollapsed(selection)) {
                       Transforms.move(editor, { reverse: !isRTL })
                     } else {
-                      Transforms.collapse(editor, { edge: 'start' })
+                      Transforms.collapse(editor, {
+                        edge: isRTL ? 'end' : 'start',
+                      })
                     }
 
                     return
@@ -1513,7 +1515,9 @@ export const Editable = (props: EditableProps) => {
                     if (selection && Range.isCollapsed(selection)) {
                       Transforms.move(editor, { reverse: isRTL })
                     } else {
-                      Transforms.collapse(editor, { edge: 'end' })
+                      Transforms.collapse(editor, {
+                        edge: isRTL ? 'start' : 'end',
+                      })
                     }
 
                     return