fix: selecting text with mouse closes modal - fixed #2195

packages/hoppscotch-app/components/collections/graphql/Add.vue

@@ -1,5 +1,10 @@
 <template>
-  <SmartModal v-if="show" :title="`${$t('collection.new')}`" @close="hideModal">
+  <SmartModal
+    v-if="show"
+    dialog
+    :title="`${$t('collection.new')}`"
+    @close="hideModal"
+  >
     <template #body>
       <div class="flex flex-col px-2">
         <input

packages/hoppscotch-app/components/collections/graphql/AddFolder.vue

@@ -1,6 +1,7 @@
 <template>
   <SmartModal
     v-if="show"
+    dialog
     :title="$t('folder.new')"
     @close="$emit('hide-modal')"
   >

packages/hoppscotch-app/components/collections/graphql/Edit.vue

@@ -1,6 +1,7 @@
 <template>
   <SmartModal
     v-if="show"
+    dialog
     :title="`${$t('collection.edit')}`"
     @close="hideModal"
   >

packages/hoppscotch-app/components/collections/graphql/EditFolder.vue

@@ -1,6 +1,7 @@
 <template>
   <SmartModal
     v-if="show"
+    dialog
     :title="`${$t('folder.edit')}`"
     @close="$emit('hide-modal')"
   >

packages/hoppscotch-app/components/collections/graphql/EditRequest.vue

@@ -1,6 +1,7 @@
 <template>
   <SmartModal
     v-if="show"
+    dialog
     :title="`${$t('modal.edit_request')}`"
     @close="hideModal"
   >

packages/hoppscotch-app/components/collections/graphql/ImportExport.vue

@@ -1,9 +1,9 @@
 <template>
   <SmartModal
     v-if="show"
+    dialog
     :title="`${t('modal.collections')}`"
     max-width="sm:max-w-md"
-    dialog
     @close="hideModal"
   >
     <template #actions>