Feat: Copy to Clipboard for FAQ

[thisisobate]

Todos

• POC
• Fix style
• Clean up code

Fixes #1274

[netlify]

✅ Deploy Preview for keda ready!

Name	Link
🔨 Latest commit	5c201c1
🔍 Latest deploy log	https://app.netlify.com/sites/keda/deploys/65c62bc766c85900083a82bc
😎 Deploy Preview	https://deploy-preview-1303--keda.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Thank you for your contribution! 🙏 We will review your PR as soon as possible.

While you are waiting, make sure to:

• Add your contribution to all applicable KEDA versions
• GitHub checks are passing
• Is the DCO check failing? Here is how you can fix DCO issues

Learn more about:

• How to become a listed end-user or a listed commerical offering
• Our contribution guide

[tomkerkhove]

Thanks a ton!

Just a few suggestions:

• Can we make the button less explicit? It's pretty invasive but it might be me, @zroubalik/@JorTurFer ?

• When copying a link and going to the URL, the item does not expand so I still have to look for it, can we auto-expand them?

• Can we do the same for troubleshooting?
  

[JorTurFer]

I agree with all your points 😄

[zroubalik]

Agree with @tomkerkhove

[thisisobate]

@tomkerkhove I suggest we do the troubleshooting part in a separate PR.

[tomkerkhove]

@tomkerkhove I suggest we do the troubleshooting part in a separate PR.

Sounds good!

[tomkerkhove]

The expanding is great! However, if I wouldn't now there was a button I would not see it since it requires a hover:

Can we maybe just get rid of the full blue background and always show a subtle icon?

[thisisobate]

@tomkerkhove How about this?

[zroubalik]

This icon looks better, though it might be just me but the icon gives me impression that I am about to copy some piece of text or code, not a link. Do we have an icon like this?

[thisisobate]

@zroubalik Yes, we do.
I agree with you on the icons.
Will substitute the clone icon with the link icon.

[tomkerkhove]

Works like a charm, thanks! However, it no longer auto-expands which it used to do though :(

[thisisobate]

@tomkerkhove Actually, it does expand. It looks like you tried loading the FAQ link in the same tab.
To test appropriately, copy the link and load it in a separate tab. That should work.

[tomkerkhove]

Hm, why would that not work? It's not a blocker but curious though

[thisisobate]

Hm, why would that not work? It's not a blocker but curious though

So here's a bit of an explanation of why it won't work:,
By default, pages are cached when loaded in the browser tab. Now, when you try to navigate to an internal link (FAQ link) in this case, it won't cause a reload or rerender because it's an internal link; thus the reason why you can't see a change when you load the link in the same tab.

Hope that helps.

[tomkerkhove]

Thanks!