Description
After scanning a URL, the result card displays the scanned URL in a monospace box but there's no way to copy it quickly. Users have to manually select the text, which is frustrating for long URLs.
Expected Behaviour
A small copy-to-clipboard button should appear next to the URL in the result card. Clicking it should copy the URL and show a brief "Copied!" confirmation.
Implementation Suggestion
- Add a copy icon button inside
.result-url in the showResult() function in script.js
- Use the
navigator.clipboard.writeText() API to copy
- Button should match the existing design system (same card border, accent-cyan hover)
- Show a "Copied!" tooltip or text change for ~2 seconds as feedback
- No new dependencies needed — pure JS + existing CSS variables
Files to change
script.js — update showResult() to inject the copy button into .result-urlstyle.css — add styles for the copy button and copied state
heyy @Mrinalray ,I'd like to work on this issue.
Description
After scanning a URL, the result card displays the scanned URL in a monospace box but there's no way to copy it quickly. Users have to manually select the text, which is frustrating for long URLs.
Expected Behaviour
A small copy-to-clipboard button should appear next to the URL in the result card. Clicking it should copy the URL and show a brief "Copied!" confirmation.
Implementation Suggestion
.result-urlin theshowResult()function inscript.jsnavigator.clipboard.writeText()API to copyFiles to change
script.js— updateshowResult()to inject the copy button into.result-urlstyle.css— add styles for the copy button and copied stateheyy @Mrinalray ,I'd like to work on this issue.