From cfdc0e188a42d035af8097a9d0aea9e2675bce98 Mon Sep 17 00:00:00 2001
From: J-michalek <jaku.michalek@gmail.com>
Date: Mon, 22 Sep 2025 19:24:56 +0200
Subject: [PATCH 1/3] fix(Drawer): use full height/width for snapPoints

---
 src/runtime/components/Drawer.vue |  3 ++-
 src/theme/drawer.ts               | 14 ++++++++++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/runtime/components/Drawer.vue b/src/runtime/components/Drawer.vue
index 70aea2af39..648cc274c3 100644
--- a/src/runtime/components/Drawer.vue
+++ b/src/runtime/components/Drawer.vue
@@ -91,7 +91,8 @@ const contentEvents = {
 
 const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.drawer || {}) })({
   direction: props.direction,
-  inset: props.inset
+  inset: props.inset,
+  snapPoints: !!props.snapPoints && props.snapPoints.length > 0
 }))
 </script>
 
diff --git a/src/theme/drawer.ts b/src/theme/drawer.ts
index f3868d19a6..f2cda8ef54 100644
--- a/src/theme/drawer.ts
+++ b/src/theme/drawer.ts
@@ -35,6 +35,9 @@ export default (options: Required<ModuleOptions>) => ({
       true: {
         content: 'rounded-lg after:hidden overflow-hidden [--initial-transform:calc(100%+1.5rem)]'
       }
+    },
+    snapPoints: {
+      true: ''
     }
   },
   compoundVariants: [{
@@ -43,6 +46,11 @@ export default (options: Required<ModuleOptions>) => ({
       content: 'h-auto max-h-[96%]',
       handle: '!w-12 !h-1.5 mx-auto'
     }
+  }, {
+    direction: ['top', 'bottom'],
+    snapPoints: true,
+    class: {
+      content: 'h-full' }
   }, {
     direction: ['right', 'left'],
     class: {
@@ -50,6 +58,12 @@ export default (options: Required<ModuleOptions>) => ({
       handle: '!h-12 !w-1.5 mt-auto mb-auto'
     }
   }, {
+    direction: ['right', 'left'],
+    snapPoints: true,
+    class: {
+      content: 'w-full' }
+  },
+  {
     direction: 'top',
     inset: true,
     class: {

From 4ee01df8c7a260e11d23100f04694ad05958088d Mon Sep 17 00:00:00 2001
From: J-michalek <jaku.michalek@gmail.com>
Date: Mon, 22 Sep 2025 19:30:06 +0200
Subject: [PATCH 2/3] up

---
 src/runtime/components/Drawer.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/runtime/components/Drawer.vue b/src/runtime/components/Drawer.vue
index 648cc274c3..4feaa79023 100644
--- a/src/runtime/components/Drawer.vue
+++ b/src/runtime/components/Drawer.vue
@@ -92,7 +92,7 @@ const contentEvents = {
 const ui = computed(() => tv({ extend: tv(theme), ...(appConfig.ui?.drawer || {}) })({
   direction: props.direction,
   inset: props.inset,
-  snapPoints: !!props.snapPoints && props.snapPoints.length > 0
+  snapPoints: props.snapPoints && props.snapPoints.length > 0
 }))
 </script>
 

From 25c9ac0d8624192baedd2ba1e5714a1669869280 Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Thu, 2 Oct 2025 16:55:57 +0200
Subject: [PATCH 3/3] up

---
 src/theme/drawer.ts | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/theme/drawer.ts b/src/theme/drawer.ts
index f2cda8ef54..d2219488e1 100644
--- a/src/theme/drawer.ts
+++ b/src/theme/drawer.ts
@@ -50,7 +50,8 @@ export default (options: Required<ModuleOptions>) => ({
     direction: ['top', 'bottom'],
     snapPoints: true,
     class: {
-      content: 'h-full' }
+      content: 'h-full'
+    }
   }, {
     direction: ['right', 'left'],
     class: {
@@ -61,7 +62,8 @@ export default (options: Required<ModuleOptions>) => ({
     direction: ['right', 'left'],
     snapPoints: true,
     class: {
-      content: 'w-full' }
+      content: 'w-full'
+    }
   },
   {
     direction: 'top',