diff --git a/apps/www/src/lib/registry/default/ui/dialog/DialogScrollContent.vue b/apps/www/src/lib/registry/default/ui/dialog/DialogScrollContent.vue index 1c4085fa..cd9ba0d2 100644 --- a/apps/www/src/lib/registry/default/ui/dialog/DialogScrollContent.vue +++ b/apps/www/src/lib/registry/default/ui/dialog/DialogScrollContent.vue @@ -37,6 +37,13 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits) ) " v-bind="forwarded" + @pointer-down-outside="(event) => { + const originalEvent = event.detail.originalEvent; + const target = originalEvent.target as HTMLElement; + if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) { + event.preventDefault(); + } + }" > diff --git a/apps/www/src/lib/registry/new-york/ui/dialog/DialogScrollContent.vue b/apps/www/src/lib/registry/new-york/ui/dialog/DialogScrollContent.vue index 5d837f89..12228f13 100644 --- a/apps/www/src/lib/registry/new-york/ui/dialog/DialogScrollContent.vue +++ b/apps/www/src/lib/registry/new-york/ui/dialog/DialogScrollContent.vue @@ -37,6 +37,13 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits) ) " v-bind="forwarded" + @pointer-down-outside="(event) => { + const originalEvent = event.detail.originalEvent; + const target = originalEvent.target as HTMLElement; + if (originalEvent.offsetX > target.clientWidth || originalEvent.offsetY > target.clientHeight) { + event.preventDefault(); + } + }" >