fix: enter handler for emoji

2025-11-13 13:32:27 +05:30
3 changed files with 9 additions and 0 deletions
@@ -121,6 +121,7 @@ export const EmojisListDropdown = forwardRef<EmojiListRef, EmojisListDropdownPro
      />
      <div
        ref={dropdownContainerRef}
+        id="emojis-picker"
        className={cn(
          "relative max-h-80 w-[14rem] overflow-y-auto rounded-md border-[0.5px] border-custom-border-300 bg-custom-background-100 px-2 py-2.5 shadow-custom-shadow-rg space-y-2 opacity-0 invisible transition-opacity",
          {
@@ -79,6 +79,7 @@ export const pasteRegex = /:([a-zA-Z0-9_+-]+):/g;

 export const Emoji = Node.create<EmojiOptions, EmojiStorage>({
  name: "emoji",
+  priority: 1001,

  inline: true,

@@ -19,6 +19,13 @@ export const CoreEditorProps = (props: TArgs): EditorProps => {
    handleDOMEvents: {
      keydown: (_view, event) => {
        // prevent default event listeners from firing when slash command is active
+        if (["Enter"].includes(event.key)) {
+          const emojisPicker = document.querySelector("#emojis-picker");
+          if (emojisPicker) {
+            return true;
+          }
+        }
+
        if (["ArrowUp", "ArrowDown", "Enter"].includes(event.key)) {
          const slashCommand = document.querySelector("#slash-command");
          if (slashCommand) {