`copy to clipboard` is not working

[secsilm]

Describe the bug

copy to clipboard is not working when output="json". Click it and no response.

Is there an existing issue for this?

• I have searched the existing issues

Reproduction

import gradio as gr

demo = gr.Interface(lambda name: {"output": f"Hello {name}!"}, inputs="text", outputs='json')

if __name__ == "__main__":
    demo.launch(server_name='0.0.0.0', debug=True)

Screenshot

Logs

Running on local URL:  http://0.0.0.0:7860

To create a public link, set `share=True` in `launch()`.

System Info

• Gradio version: 3.3.1
• OS: Ubuntu 18.04
• Browser: Chrome 105.0.5195.102

Severity

annoying

[abidlabs]

Thanks @secsilm can confirm the issue! @dawoodkhan82 would you be able to take a look at this?

[freddyaboulton]

If you remove server_name it works 🤔

[freddyaboulton]

Chrome automatically blocks access to the clipboard since the site is not secure:

If you connect via localhost it should work. I think we can close?

[abidlabs]

Ah interesting, it also doesn't work inside iframes (e.g. inside of a jupyter notebook).

It seems like we should be able to fix that though: https://stackoverflow.com/questions/61401384/can-text-within-an-iframe-be-copied-to-clipboard

[ihmily]

If you remove server_name it works 🤔

It works! Thank you very much.