From 8b8b8d73946ecf9b45479be2c1649b929300939d Mon Sep 17 00:00:00 2001
From: David Matejka <matej21@matej21.cz>
Date: Mon, 1 Jul 2024 18:57:30 +0200
Subject: [PATCH] fix(react-ui-lib): editor focus outline

---
 packages/react-ui-lib/src/editor/common/editor-canvas.tsx     | 4 ++--
 .../react-ui-lib/src/editor/common/editor-editable-canvas.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/react-ui-lib/src/editor/common/editor-canvas.tsx b/packages/react-ui-lib/src/editor/common/editor-canvas.tsx
index fbc420230..89e8eb69f 100644
--- a/packages/react-ui-lib/src/editor/common/editor-canvas.tsx
+++ b/packages/react-ui-lib/src/editor/common/editor-canvas.tsx
@@ -18,8 +18,8 @@ export const EditorCanvas = memo(<P extends HTMLTextAreaDivTargetProps>({
 }: EditorCanvasProps<P>) => {
 
 	return (
-		<div data-focus-ring={dataAttribute(focusRing)} className={'relative w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50'}>
-			<Component className="focus-visible:ring-0" {...props} />
+		<div data-focus-ring={dataAttribute(focusRing)} className={'relative w-full rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm placeholder:text-muted-foreground focus-within:outline-none focus-within:ring-1 focus-within:ring-ring disabled:cursor-not-allowed disabled:opacity-50'}>
+			<Component className="outline-none" {...props} />
 			{children}
 		</div>
 	)
diff --git a/packages/react-ui-lib/src/editor/common/editor-editable-canvas.tsx b/packages/react-ui-lib/src/editor/common/editor-editable-canvas.tsx
index c44e1017c..cace82582 100644
--- a/packages/react-ui-lib/src/editor/common/editor-editable-canvas.tsx
+++ b/packages/react-ui-lib/src/editor/common/editor-editable-canvas.tsx
@@ -8,7 +8,7 @@ export interface EditorEditableCanvasProps extends EditableProps {
 
 }
 
-export const EditorEditableCanvas = ({ className, ...editableProps }: EditorEditableCanvasProps) => {
+export const EditorEditableCanvas = (editableProps: EditorEditableCanvasProps) => {
 	const editor = useSlate()
 	const pathRef = useRef<Path | undefined>(undefined)