From fc87526fbc62d8e62662bb218d5a6c78b88f5c4f Mon Sep 17 00:00:00 2001
From: Anandakrishnan CV <153972540+anandude@users.noreply.github.com>
Date: Fri, 26 Sep 2025 12:22:11 +0530
Subject: [PATCH] fix: close modal on clicking overlay for non input modals
 (#5403)

Co-authored-by: nivedin <nivedinp@gmail.com>
---
 .../src/components/app/DeveloperOptions.vue                  | 1 -
 packages/hoppscotch-common/src/components/app/Options.vue    | 5 ++---
 packages/hoppscotch-common/src/components/app/Share.vue      | 1 -
 packages/hoppscotch-common/src/components/app/Support.vue    | 1 -
 4 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/packages/hoppscotch-common/src/components/app/DeveloperOptions.vue b/packages/hoppscotch-common/src/components/app/DeveloperOptions.vue
index 76125c8b..5a028bd3 100644
--- a/packages/hoppscotch-common/src/components/app/DeveloperOptions.vue
+++ b/packages/hoppscotch-common/src/components/app/DeveloperOptions.vue
@@ -1,7 +1,6 @@
 <template>
   <HoppSmartModal
     v-if="show"
-    dialog
     :title="t('app.developer_option')"
     @close="hideModal"
   >
diff --git a/packages/hoppscotch-common/src/components/app/Options.vue b/packages/hoppscotch-common/src/components/app/Options.vue
index 40176d6b..b2763196 100644
--- a/packages/hoppscotch-common/src/components/app/Options.vue
+++ b/packages/hoppscotch-common/src/components/app/Options.vue
@@ -1,14 +1,13 @@
 <template>
   <HoppSmartModal
     v-if="show"
-    dialog
     :title="t('app.options')"
     styles="sm:max-w-md"
     @close="emit('hide-modal')"
   >
     <template #body>
       <div class="flex flex-col space-y-2">
-        <h2 class="p-4 font-bold font-semibold text-secondaryDark">
+        <h2 class="p-4 font-semibold text-secondaryDark">
           {{ t("layout.name") }}
         </h2>
         <HoppSmartItem
@@ -27,7 +26,7 @@
           active
           @click="expandCollection"
         />
-        <h2 class="p-4 font-bold font-semibold text-secondaryDark">
+        <h2 class="p-4 font-semibold text-secondaryDark">
           {{ t("support.title") }}
         </h2>
         <template
diff --git a/packages/hoppscotch-common/src/components/app/Share.vue b/packages/hoppscotch-common/src/components/app/Share.vue
index 177078ec..a0143783 100644
--- a/packages/hoppscotch-common/src/components/app/Share.vue
+++ b/packages/hoppscotch-common/src/components/app/Share.vue
@@ -1,7 +1,6 @@
 <template>
   <HoppSmartModal
     v-if="show"
-    dialog
     :title="t('app.invite_your_friends')"
     @close="hideModal"
   >
diff --git a/packages/hoppscotch-common/src/components/app/Support.vue b/packages/hoppscotch-common/src/components/app/Support.vue
index b1c9c50a..e06d5bbc 100644
--- a/packages/hoppscotch-common/src/components/app/Support.vue
+++ b/packages/hoppscotch-common/src/components/app/Support.vue
@@ -1,7 +1,6 @@
 <template>
   <HoppSmartModal
     v-if="show"
-    dialog
     :title="t('support.title')"
     styles="sm:max-w-md"
     @close="emit('hide-modal')"