fix(a11y): lose focus after activating share button

packages/ui-react/src/utils/clipboard.test.ts

@@ -0,0 +1,28 @@
+import { copyToClipboard } from './clipboard';
+
+document.execCommand = vi.fn();
+const execCommandMocked = vi.mocked(document.execCommand);
+
+describe('clipboard', () => {
+  test('copies text to clipboard', () => {
+    copyToClipboard('text to copy');
+
+    expect(execCommandMocked).toHaveBeenCalledWith('copy');
+  });
+
+  test('restores focus to the last active element', () => {
+    // create a test button
+    const button = document.createElement('button');
+    button.textContent = 'share';
+
+    document.body.appendChild(button);
+
+    button.focus();
+
+    // document.activeElement = '';
+    copyToClipboard('text to copy');
+
+    expect(document.activeElement).toEqual(button);
+    document.body.removeChild(button);
+  });
+});

packages/ui-react/src/utils/clipboard.ts

@@ -1,4 +1,5 @@
 export const copyToClipboard = (value: string): void => {
+  const focusedElement = document.activeElement as HTMLElement;
   const inputElement = document.createElement('input');
   inputElement.style.zIndex = '-10';
   inputElement.style.position = 'absolute';
@@ -9,4 +10,5 @@ export const copyToClipboard = (value: string): void => {
   document.execCommand('copy');
   inputElement.blur();
   document.body.removeChild(inputElement);
+  focusedElement?.focus();
 };