[docs] Copy w/ Shortcut (cmd + c) In Sample Code Copies Entire Code Block, Not Selected

[jjorissen52]

Duplicates

• I have searched the existing issues

Related page

https://mui.com/material-ui/react-menu/

Kind of issue

Broken demonstration

Issue description

On any documentation page, if you attempt to copy a selection of code using keyboard shortcuts, instead of copying the currently highlighted block to the clipboard, the entire example code block is copied to the clipboard.

The bug appears to be present in FireFox but not Chrome. No other browsers tested. This behavior did not happen in older versions, but has been around for at least a few months.

Reproduction

1. Expand any sample code in the documentation site
2. Highlight any amount of sample code
3. cmd + c
4. cmd + v
5. Entire code block is pasted

Expected

5. Only highlighted code block is pasted

Workaround

Right-click copy

It looks like some JavaScript is hijacking the event which triggers the copy action, because you can see in the top right corner the "Copy" chip changes its text to "Copied". I imagine there is some special handling in the hijacking code that only works in Chrome.

Context 🔦

I often copy little snippets of code from the example code blocks (which are fantastic!). I am able to right-click copy so that's fine, but I have accidentally copy/pasted entire example sections when I really just wanted a few lines probably about 100 times now. Not a show-stopped but a minor frustration!

[ZeeshanTamboli]

Thanks for reporting. I can reproduce it on Firefox browser version 108.0.1 (64-bit.

[oliviertassinari]

It's a regression introduced with the live edit feature #34870.

I was curious, the traffic on our docs: