From 0614fa7b47251d3a0bd9347a0f8f0974efc1b32c Mon Sep 17 00:00:00 2001
From: Gregoire Parant <g.parant@thecodingmachine.com>
Date: Tue, 16 Nov 2021 15:03:54 +0100
Subject: [PATCH] HotFix copy link to share it

Signed-off-by: Gregoire Parant <g.parant@thecodingmachine.com>
---
 front/src/Components/Menu/AboutRoomSubMenu.svelte | 8 +++++---
 front/src/Components/Menu/GuestSubMenu.svelte     | 8 +++++---
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/front/src/Components/Menu/AboutRoomSubMenu.svelte b/front/src/Components/Menu/AboutRoomSubMenu.svelte
index 16b5c057..2a546a14 100644
--- a/front/src/Components/Menu/AboutRoomSubMenu.svelte
+++ b/front/src/Components/Menu/AboutRoomSubMenu.svelte
@@ -40,7 +40,9 @@
     })
 
     function copyLink() {
-        HTMLShareLink.select();
+        const input: HTMLInputElement = document.getElementById('input-share-link') as HTMLInputElement;
+        input.focus();
+        input.select();
         document.execCommand('copy');
     }
 
@@ -59,12 +61,12 @@
 <div class="about-room-main">
     <section class="share-url not-mobile">
         <h3>Share the link of the room !</h3>
-        <input type="text" readonly bind:this={HTMLShareLink} value={location.toString()}>
+        <input type="text" readonly id="input-share-link" bind:this={HTMLShareLink} value={location.toString()}>
         <button type="button" class="nes-btn is-primary" on:click={copyLink}>Copy</button>
     </section>
     <section class="is-mobile">
         <h3>Share the link of the room !</h3>
-        <input type="hidden" readonly bind:this={HTMLShareLink} value={location.toString()}>
+        <input type="hidden" readonly id="input-share-link" bind:this={HTMLShareLink} value={location.toString()}>
         <button type="button" class="nes-btn is-primary" on:click={shareLink}>Share</button>
     </section>
     <h2>Information on the map</h2>
diff --git a/front/src/Components/Menu/GuestSubMenu.svelte b/front/src/Components/Menu/GuestSubMenu.svelte
index 13a7981a..d054ff4d 100644
--- a/front/src/Components/Menu/GuestSubMenu.svelte
+++ b/front/src/Components/Menu/GuestSubMenu.svelte
@@ -2,7 +2,9 @@
     let HTMLShareLink: HTMLInputElement;
 
     function copyLink() {
-        HTMLShareLink.select();
+        const input: HTMLInputElement = document.getElementById('input-share-link') as HTMLInputElement;
+        input.focus();
+        input.select();
         document.execCommand('copy');
     }
 
@@ -22,12 +24,12 @@
     <section class="container-overflow">
         <section class="share-url not-mobile">
             <h3>Share the link of the room !</h3>
-            <input type="text" readonly bind:this={HTMLShareLink} value={location.toString()}>
+            <input type="text" readonly id="input-share-link" bind:this={HTMLShareLink} value={location.toString()}>
             <button type="button" class="nes-btn is-primary" on:click={copyLink}>Copy</button>
         </section>
         <section class="is-mobile">
             <h3>Share the link of the room !</h3>
-            <input type="hidden" readonly bind:this={HTMLShareLink} value={location.toString()}>
+            <input type="hidden" readonly id="input-share-link" bind:this={HTMLShareLink} value={location.toString()}>
             <button type="button" class="nes-btn is-primary" on:click={shareLink}>Share</button>
         </section>
     </section>