refactor(share): append copy-to-clipboard text area to component's ro…

…ot element
GIScience · Dec 29, 2021 · 4cbf7ee · 4cbf7ee
1 parent 581dec1
commit 4cbf7ee
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/fragments/forms/map-form/components/share/Share.vue b/src/fragments/forms/map-form/components/share/Share.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="share-container">
+  <div class="share-container" ref="shareContainer">
     <v-btn class="open-share-btn" style="float:right; margin-top:0" small icon :title="$t('share.share')" @click="openShare()"><v-icon>share</v-icon></v-btn>
     <v-dialog v-model="isShareModalOpen" max-width="600" :persistent="true" attach="body">
       <box customClass="share-modal" v-model="isShareModalOpen" background="white" closable @closed="closeShare()">

diff --git a/src/fragments/forms/map-form/components/share/share.js b/src/fragments/forms/map-form/components/share/share.js
@@ -79,12 +79,12 @@ export default {
      * @returns {Boolean}
      */
     copyToClipboard (str) {
-      const el = document.createElement('textarea')
-      el.value = str
-      document.body.appendChild(el)
-      el.select()
+      const tempTextArea = document.createElement('textarea')
+      tempTextArea.value = str
+      this.$refs.shareContainer.appendChild(tempTextArea)
+      tempTextArea.select()
       const result = document.execCommand('copy')
-      document.body.removeChild(el)
+      document.body.removeChild(tempTextArea)
       return result
     },