With Firefox 99 if you run the code snippet below, click on the yellow div and type ctrl+c then copy is printed in the console. In Chrome 99 the div never receives the copy event. If you remove the canvas element the div receives the copy event as expected. Is this just a bug in Chrome?
document.querySelector('#div').addEventListener('copy', (event) => { console.log('copy');});#div {
display: block;
height: 100px;
width: 200px;
background-color: yellow;
}
#canvas {
height: 50px;
width: 200px;
background-color: blue;
}<div id="div">
<canvas id="canvas"></canvas>
</div>