UserAgent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/54.0.2840.71 Safari/537.36

Steps to reproduce the problem:
1. Go to https://output.jsbin.com/fakozu/quiet
2. Select all text on the page
3. Copy-paste it

What is the expected behavior?
The word “cruel” should not be included in the copied text, because it’s contained in a DOM element with CSS user-select: none.

What went wrong?
The word “cruel” is included in the copied text.

Did this work before? N/A 

Chrome version: 54.0.2840.71  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 23.0 r0

Notice how Chrome itself does not visually highlight this word when the users selects the text. The css-ui-4 spec notes that “UAs are encouraged to keep the visual selection consistent with what would get copied to the clipboard when copying.” Chrome goes against this guideline here.

Edge seems to have the same issue, but Firefox and Safari correctly don’t include “cruel” in the copied text.