diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index b43d4704..f183a978 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -25,6 +25,7 @@ withDefaults(
     close?: (...args: unknown[]) => void;
     undo?: (...args: unknown[]) => void;
     beforeClose?: (...args: unknown[]) => boolean;
+    show?: (...args: unknown[]) => void;
   }>(),
   {
     hideAction: false,
@@ -48,6 +49,7 @@ function reset() {
 <template>
   <q-drawer
     no-swipe-open
+    @show="show"
     @before-hide="reset"
     @hide="close"
     @update:model-value="(v) => (drawerOpen = beforeClose ? beforeClose() : v)"
@@ -143,7 +145,16 @@ function reset() {
 
         <!-- footer -->
         <div class="bordered-t q-pr-lg row items-center justify-end q-py-md">
-          <CancelButton id="btn-info-cancel" outlined @click="close" />
+          <CancelButton
+            id="btn-info-cancel"
+            outlined
+            @click="
+              () => {
+                drawerOpen = beforeClose ? beforeClose() : !drawerOpen;
+                close?.();
+              }
+            "
+          />
           <SaveButton
             class="q-ml-md"
             id="btn-info-save"