Event listener on paste is not working
Shubhamag19 opened this issue · comments
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
![image](https://private-user-images.githubusercontent.com/33371098/329827672-f5ca97c8-4143-4b42-a39f-82204b777a98.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAzMDYxMTYsIm5iZiI6MTcyMDMwNTgxNiwicGF0aCI6Ii8zMzM3MTA5OC8zMjk4Mjc2NzItZjVjYTk3YzgtNDE0My00YjQyLWEzOWYtODIyMDRiNzc3YTk4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MDYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzA2VDIyNDMzNlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNlZDUxNzc2MGVlNjY5YTk3ZmU5Nzc1YjNhODMxMTlkOWM4YzJmYWZlY2I4ODI3YTlkMjRiYzY2NzVmNGZmYzAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.rw3nz7qa-Gh_AhiAyLGI5x5pwo_8XI4Rv_VKhh_lt8E)
Additional context
I tried this with react-monaco-editor library and it is working correctly with that.