Event listener on paste is not working

[Shubhamag19]

Describe the bug

I have used getDomNode to access the DOM node and attached event listener to it. Click event is working but Paste is not.

To Reproduce

I'm attaching code snippet here:

import { useState } from "react";
import Editor from "@monaco-editor/react";

export default function App() {
  const [value, setValue] = useState("");

  const handleMount = (editor) => {
    editor.getDomNode().addEventListener("click", function (e) {
      console.log("clicked");
    });

    editor.getDomNode().addEventListener("paste", function (e) {
      console.log("pasted");
    });
  };

  return (
    <div>
      <Editor
        height="80vh"
        defaultLanguage="html"
        theme="vs-dark"
        onChange={(val) => setValue(val)}
        value={value}
        onMount={handleMount}
        defaultValue={"<div>Hello world</div>"}
      />
    </div>
  );
}

Expected behavior

pasted should have logged just as clicked is getting logged.

Screenshots

Additional context

I tried this with react-monaco-editor library and it is working correctly with that.

[github-actions]

This issue has been marked as stale due to inactivity. It will be closed in 7 days unless further activity occurs.