Copy command failed in ios Safari if -webkit-user-select is none for created span

[Amareis]

https://jsfiddle.net/561qcehd/11/
It can be workarounded easily if change css selector for rule to something more specific than body, but i think that library should handle this case, e.g. using inline styles for created span with -webkit-user-select: text;.

[lgarron]

Oh, fun. It should be easy to add -webkit-user-select: text !important; inline.

clipboard-polyfill/clipboard-polyfill.ts

Lines 182 to 185 in 23bb29e

	var tempElem = document.createElement("div");
	// Place some text in the elem so that Safari has something to select.
	tempElem.textContent = "temporary element";
	document.body.appendChild(tempElem);

Do you know how other browsers behave?

[lgarron]

So, I thought I had a solution for this, but it doesn't appear to work if -webkit-user-select: none is set on the entire body rather than a surrounding element. :-(

[lgarron]

So, I thought I had a solution for this, but it doesn't appear to work if -webkit-user-select: none is set on the entire body rather than a surrounding element. :-(

Looks like I misunderstood that you can't set !important when setting an individual CSS property in JS. I've worked around that.

Could you check that v2.4.2 works for you?

[Amareis]

You don't need to set important for element styles cause it already has max prority. Seem to 2.4.2 worked totally ok on mobile safari, checked in https://jsfiddle.net/561qcehd/12/ (it's jsfiddle from top message, but with 2.4.2 version).

[lgarron]

You don't need to set important for element styles cause it already has max prority.

On my computer, setting !important on the element appears to be necessary if the enclosing element also has !important.

Thanks for verifying the fix!

[Amareis]

Yeah, if global styles has !important, it breaks all the things. But even in https://jsfiddle.net/561qcehd/13/ (with global !important) all works in mobile safari, so thank you for fix.