Fix default focus styles (#5422)

* Fix default outline styles Resolves #5146 * Add changeset --------- Co-authored-by: Alexander Chudesnov <achudesnov@medallia.com>
ianstormtaylor · May 26, 2023 · 0b17990 · 0b17990
1 parent 869d124
commit 0b17990
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/.changeset/late-zebras-dream.md b/.changeset/late-zebras-dream.md
@@ -0,0 +1,5 @@
+---
+'slate-react': minor
+---
+
+Prevents default focus styles from being removed in Editable
diff --git a/packages/slate-react/src/components/editable.tsx b/packages/slate-react/src/components/editable.tsx
@@ -903,8 +903,6 @@ export const Editable = (props: EditableProps) => {
                 : {
                     // Allow positioning relative to the editable element.
                     position: 'relative',
-                    // Prevent the default outline styles.
-                    outline: 'none',
                     // Preserve adjacent whitespace and new lines.
                     whiteSpace: 'pre-wrap',
                     // Allow words to break if they are too long.