From 0b1799091a6800c7e868d5a6148b82648cbe8270 Mon Sep 17 00:00:00 2001
From: Alexander Chudesnov <chudesnov@gmail.com>
Date: Fri, 26 May 2023 16:52:41 +0200
Subject: [PATCH] Fix default focus styles (#5422)

* Fix default outline styles

Resolves #5146

* Add changeset

---------

Co-authored-by: Alexander Chudesnov <achudesnov@medallia.com>
---
 .changeset/late-zebras-dream.md                  | 5 +++++
 packages/slate-react/src/components/editable.tsx | 2 --
 2 files changed, 5 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/late-zebras-dream.md

diff --git a/.changeset/late-zebras-dream.md b/.changeset/late-zebras-dream.md
new file mode 100644
index 000000000..213178e53
--- /dev/null
+++ 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
index 4550c90b3..e0dab86d7 100644
--- 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.