From c179bf8a372b592597f8f001cab950da653e78c0 Mon Sep 17 00:00:00 2001
From: Alireza Ahmadi <alireza7@gmail.com>
Date: Sun, 26 May 2024 10:32:58 +0200
Subject: [PATCH] fix copy to clipboard #132

---
 frontend/src/layouts/modals/QrCode.vue | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/frontend/src/layouts/modals/QrCode.vue b/frontend/src/layouts/modals/QrCode.vue
index 00a7be7..1c8864f 100644
--- a/frontend/src/layouts/modals/QrCode.vue
+++ b/frontend/src/layouts/modals/QrCode.vue
@@ -1,6 +1,6 @@
 <template>
   <v-dialog transition="dialog-bottom-transition" width="400">
-    <v-card class="rounded-lg">
+    <v-card class="rounded-lg" id="qrcode-modal">
       <v-card-title>
         <v-row>
           <v-col>QrCode</v-col>
@@ -43,8 +43,13 @@ export default {
   },
   methods: {
     copyToClipboard(txt:string) {
+      const hiddenButton = document.createElement('button')
+      hiddenButton.className = 'clipboard-btn'
+      document.body.appendChild(hiddenButton)
+
       const clipboard = new Clipboard('.clipboard-btn', {
-        text: () => txt
+        text: () => txt,
+        container: document.getElementById('qrcode-modal')?? undefined
       });
 
       clipboard.on('success', () => {
@@ -58,11 +63,8 @@ export default {
       })
 
       // Perform click on hidden button to trigger copy
-      const hiddenButton = document.createElement('button');
-      hiddenButton.className = 'clipboard-btn';
-      document.body.appendChild(hiddenButton);
-      hiddenButton.click();
-      document.body.removeChild(hiddenButton);
+      hiddenButton.click()
+      document.body.removeChild(hiddenButton)
     }
   },
   computed: {