Focus the input element after clicking the Code button or its tabs

[silverwind]

Small convenience that saves me one click. When opening the Code popup, automatically focus the URL <input> element so it can be copied with CTRL-C. Also re-focus when switching the tabs.

[silverwind]

I guess I could also just have used the Copy URL button, but out of habit, I prefer to CTRL-C. I guess stealing the user focus from the code button may still be okay in this case.

[wxiaoguang]

I am sure we need to add a general "autofocus" support for such "popup" elements, just like "dialog" and what Fomantic UI "modal" does.

[wxiaoguang]

And using onMount seems not right. It should use onShow?

[silverwind]

onShow did not work, it seems that one invokes too early. There's also a onShown but it never triggered in my tests. autofocus attribute needs some testing whether it can work in tippy, not sure.

https://atomiks.github.io/tippyjs/v6/all-props/#onshow
https://atomiks.github.io/tippyjs/v6/all-props/#onmount
https://atomiks.github.io/tippyjs/v6/all-props/#onshown

[silverwind]

After thinking some more, I think it's not a good idea after all to alter the focus in this case, GitHub also does not do it, and clicking "Copy URL" ought to be good enough.

[wxiaoguang]

IIRC, tippy is unmaintained since many years ago, and it's not the first time that we encounter its bug:

[wxiaoguang]

Hmm, tippy repo is archived, one more unmaintained dependency package .....