feat : fermeture backdrop dismissable du MalioDrawer

2026-05-21 16:35:17 +02:00
parent 4f282aa706
commit cfdc404871
2 changed files with 33 additions and 0 deletions
--- a/app/components/malio/drawer/Drawer.vue
+++ b/app/components/malio/drawer/Drawer.vue
@@ -15,6 +15,7 @@
        <div
          :class="twMerge('absolute inset-0 bg-black/40', overlayClass)"
          data-test="backdrop"
+          @click="onBackdropClick"
        />

        <div
@@ -137,6 +138,10 @@ const isRendered = ref(isOpen.value)

 const panelRef = ref<HTMLElement | null>(null)

+function onBackdropClick() {
+  if (props.dismissable) close()
+}
+
 function close() {
  if (!isControlled.value) localValue.value = false
  emit('update:modelValue', false)