Testing Edit this page along with select and report feature

Author: abhatt-rh

static/js/select-create-issue.js

@@ -0,0 +1,43 @@
+document.addEventListener('mouseup', function (e) {
+    const selection = window.getSelection().toString().trim();
+
+    // Prevent multiple buttons
+    const existing = document.getElementById('report-issue-btn');
+    if (existing) existing.remove();
+
+    if (selection.length > 0) {
+        const reportBtn = document.createElement('button');
+        reportBtn.innerText = 'Report Issue';
+        reportBtn.id = 'report-issue-btn';
+        Object.assign(reportBtn.style, {
+            position: 'absolute',
+            top: `${e.pageY}px`,
+            left: `${e.pageX}px`,
+            zIndex: 1000,
+            background: '#f44336',
+            color: 'white',
+            border: 'none',
+            borderRadius: '4px',
+            padding: '6px 10px',
+            cursor: 'pointer',
+        });
+
+        document.body.appendChild(reportBtn);
+
+        reportBtn.onclick = () => {
+            const pageUrl = window.location.href;
+            const issueBody = `**Issue found on:** ${pageUrl}\n\n**Selected text:**\n\`\`\`\n${selection}\n\`\`\``;
+            const issueUrl = `https://github.com/validatedpatterns/docs/issues/new?title=Content+Issue&body=${encodeURIComponent(issueBody)}`;
+            window.open(issueUrl, '_blank');
+            reportBtn.remove();
+        };
+
+        // Hide the button if clicking elsewhere
+        document.addEventListener('click', function removeButton(clickEvent) {
+            if (clickEvent.target !== reportBtn) {
+                reportBtn.remove();
+                document.removeEventListener('click', removeButton);
+            }
+        });
+    }
+});