fix: prevent composition events from firing on input elements in Editable component (#5965)

* fix: prevent composition events from firing on input elements in Editable component

* chore: add changeset for changes

Author: hiteshshetty-dev

.changeset/thick-lizards-itch.md

@@ -0,0 +1,5 @@
+---
+'slate-react': patch
+---
+
+Ignores composition events when fired from nested input or textarea

packages/slate-react/src/components/editable.tsx

@@ -1274,6 +1274,9 @@ export const Editable = forwardRef(
                 )}
                 onCompositionEnd={useCallback(
                   (event: React.CompositionEvent<HTMLDivElement>) => {
+                    if (isDOMEventTargetInput(event)) {
+                      return
+                    }
                     if (ReactEditor.hasSelectableTarget(editor, event.target)) {
                       if (ReactEditor.isComposing(editor)) {
                         Promise.resolve().then(() => {
@@ -1331,7 +1334,8 @@ export const Editable = forwardRef(
                   (event: React.CompositionEvent<HTMLDivElement>) => {
                     if (
                       ReactEditor.hasSelectableTarget(editor, event.target) &&
-                      !isEventHandled(event, attributes.onCompositionUpdate)
+                      !isEventHandled(event, attributes.onCompositionUpdate) &&
+                      !isDOMEventTargetInput(event)
                     ) {
                       if (!ReactEditor.isComposing(editor)) {
                         setIsComposing(true)
@@ -1343,6 +1347,9 @@ export const Editable = forwardRef(
                 )}
                 onCompositionStart={useCallback(
                   (event: React.CompositionEvent<HTMLDivElement>) => {
+                    if (isDOMEventTargetInput(event)) {
+                      return
+                    }
                     if (ReactEditor.hasSelectableTarget(editor, event.target)) {
                       androidInputManagerRef.current?.handleCompositionStart(
                         event