[BUG] Share > Copy link broken in Safari

[wkruse]

Describe the bug

Share > Copy link is broken in Safari. When you try to copy a link, you hear a sound and see a popup which says Copied, but nothing is copied into the clipboard.

To Reproduce
Steps to reproduce the behavior:

1. Go to Discover
2. Click on Share > Copy link

Expected behavior
Copy link should work in Safari.

OpenSearch Version
1.3.2
2.0.0

Dashboards Version
1.3.2
2.0.0

Plugins
Default from the corresponding official Docker images

Host/Environment (please complete the following information):

• OS: macOS Catalina 10.15.7
• Safari 15.5 (15613.2.7.1.9, 15613)

Additional context

In Google Chrome 102.0.5005.61 it works without issues.
In Firefox 101.0 it works without issues.

No logs in the Safari Developer Tools > Console, besides the two probably unrelated, which appear on page reload

[Error] Refused to execute a script because its hash, its nonce, or 'unsafe-inline' does not appear in the script-src directive of the Content Security Policy. (discover, line 352)
[Log] ^ A single error about an inline script not firing due to content security policy is expected! (bootstrap.js, line 43)

Related to #689.

[joshuarrrr]

Great find! From a quick look at the source code, I suspect this bug may actually be in the EUI component (<EuiCopy>), rather than its implementation here:

OpenSearch-Dashboards/src/plugins/share/public/components/url_panel_content.tsx

Lines 128 to 152 in b2cfb6e

	<EuiCopy textToCopy={this.state.url || ''} anchorClassName="eui-displayBlock">
	{(copy: () => void) => (
	<EuiButton
	fill
	fullWidth
	onClick={copy}
	disabled={this.state.isCreatingShortUrl || this.state.url === ''}
	data-share-url={this.state.url}
	data-test-subj="copyShareUrlButton"
	size="s"
	>
	{this.props.isEmbedded ? (
	<FormattedMessage
	id="share.urlPanel.copyIframeCodeButtonLabel"
	defaultMessage="Copy iFrame code"
	/>
	) : (
	<FormattedMessage
	id="share.urlPanel.copyLinkButtonLabel"
	defaultMessage="Copy link"
	/>
	)}
	</EuiButton>
	)}
	</EuiCopy>

[kavilla]

Hello @wkruse!

Thanks for opening!

@joshuarrrr is correct. EuiCopy eventually calls copy.js which calls copy_to_clipboard.js this utilizes document.execCommand('copy') to copy the text which is deprecated.

So Safari must have removed support for this and eventually other browsers might as well. Unfortunately this is in the design system library. So should be fixed when the official fork is produced.

Tagging @opensearch-project/opensearch-ux for visibility.