Improve interface for sharing urls

[BigFunger]

From @tsullivan in #5497

It might be preferable to have these in <textarea readonly="readonly"></textarea> and have it so when you click inside, it auto-selects the block for easy copying. Kind of like is shown in this trick: https://css-tricks.com/snippets/javascript/auto-select-textarea-text/

I didn't want to implement this in #5497 because it was slightly out of scope for that issue. There was also in the past, functionality that allowed the user to copy the url into the clipboard. Since that functionality was removed, I agree with Tim that the user experience is less than ideal. Figured I would offer this up for some discussion.

[jbudz]

Might be worth trying https://github.com/zenorocha/clipboard.js/, it will select text on browsers that aren't supported. No flash/native = maybe less issues than Zeroclipboard

[tsullivan]

https://github.com/zenorocha/clipboard.js/

you can show a tooltip saying "Copied!" when success event is called and "Press Ctrl+C to copy" when error event is called because the text is already selected.

Since we can change the message if text is only selected (vs. being copied), this sounds like a good recommendation to me.

[tsullivan]

Maybe this behavior should also cover the Request and Response tabs of the spy panel.

[zenorocha]

+1 ;)

[zenorocha]

I see this issue is closed... Is clipboard.js being used on Kibana now?

[jbudz]

It was briefly but isn't anymore, https://github.com/elastic/kibana/blob/master/src/ui/public/share/directives/share.js#L147

[zenorocha]

Nice! :)