[Bug] [UI] The copy buttons are not working

[wokwong]

All the copy buttons in the UI are not functioning. When clicked, there is no response, and even after pasting, there is no content.

version:
skywalking chart version：4.7.0
skywalking-oap image version ：10.2.0
skywalking-ui image version：10.2.0
opensearch version：2.19.2

[wu-sheng]

It works on demo with my local Chrome browser, Mac and iOS).
If you're using edge or something else, I am not sure.

[wu-sheng]

Same issue

@Fine0830 do you know https affects this? I don't understand the question.

[wokwong]

Yes. My OAP and UI are both in HTTP now. I added "https" to the access address, but without a real certificate, and it worked.

Seeing this error, I suddenly realized that this API requires HTTPS to work. However, the copy function works normally in version 9.3.0.

[Fine0830]

From the error perspective, the browser does not support the clipboard API.

[saber-wang]

This is a browser security restriction; the API must run under HTTPS.

https://developer.mozilla.org/en-US/docs/Web/API/Navigator/clipboard

[wu-sheng]

@Fine0830 Could you add a verification about HTTPS mode? If the current site is not, we pop out an alert message that the copy is not working due to that limitation?

[wu-sheng]

Add more info on UI through apache/skywalking-booster-ui#491

[Fine0830]

Actually, here is already a verification for the clipboard API. And print the error message that clipboard is not supported. I can change the message display to pop out instead of printing, if you need.

[wu-sheng]

Yes, that should be better. And if this is tied to https, you could mention that clearly.