chore: delay the activation of keybindings on modal close

packages/hoppscotch-common/src/modules/ui.ts

@@ -2,14 +2,18 @@ import { HoppModule } from "."
 import { plugin as HoppUI, HoppUIPluginOptions } from "@hoppscotch/ui"
 import { useKeybindingDisabler } from "~/helpers/keybindings"
 import { useI18n } from "vue-i18n"
+import { delay } from "lodash-es"
 const { disableKeybindings, enableKeybindings } = useKeybindingDisabler()
 
 import "@hoppscotch/ui/style.css"
 
 const HoppUIOptions: HoppUIPluginOptions = {
   t: (key: string) => useI18n().t(key).toString(),
   onModalOpen: disableKeybindings,
-  onModalClose: enableKeybindings,
+  onModalClose: () => {
+    // Delay the activation of keybindings after closing a modal to prevent unintended execution of keybindings that are meant for the main application context, not the modal.
+    delay(enableKeybindings, 1000)
+  },
 }
 
 export default <HoppModule>{