fix: remove unused container prop

Author: dbzx10299

docs/api.md

@@ -78,7 +78,6 @@ export type DialogProps = {
    * @default false
    */
   snapToSequentialPoint?: boolean;
-  container?: Ref<HTMLElement | null>;
   /**
    * Gets triggered after the open or close animation ends, it receives an `open` argument with the `open` state of the drawer by the time the function was triggered.
    * Useful to revert any state changes for example.

lib/Drawer/components/Content.vue

@@ -26,7 +26,6 @@ const {
   isOpen,
   direction,
   snapPoints,
-  container,
   handleOnly,
   shouldAnimate,
   autoFocus,
@@ -85,7 +84,6 @@ function handleOnPointerUp(event: PointerEvent | null) {
     data-vaul-drawer=""
     :data-vaul-delayed-snap-points="delayedSnapPoints ? 'true' : 'false'"
     :data-vaul-snap-points="isOpen && hasSnapPoints ? 'true' : 'false'"
-    :data-vaul-custom-container="container ? 'true' : 'false'"
     :data-vaul-animate="shouldAnimate ? 'true' : 'false'"
     ref="drawerRef"
     :style="{

lib/Drawer/components/Root.vue

@@ -102,7 +102,6 @@ export type DialogProps = {
    * @default false
    */
   snapToSequentialPoint?: boolean;
-  container?: Ref<HTMLElement | null>;
   /**
    * Gets triggered after the open or close animation ends, it receives an `open` argument with the `open` state of the drawer by the time the function was triggered.
    * Useful to revert any state changes for example.
@@ -130,7 +129,6 @@ const {
   defaultOpen = false,
   snapToSequentialPoint = false,
   onAnimationEnd,
-  container,
   autoFocus = false,
   activeSnapPoint: activeSnapPointProp,
   nested: _nested,
@@ -239,7 +237,6 @@ const {
   overlayRef,
   onSnapPointChange,
   direction,
-  container,
   snapToSequentialPoint,
 });
 
@@ -269,7 +266,6 @@ provide('drawerContext', {
   snapPointsOffset,
   activeSnapPointIndex,
   direction,
-  container,
   autoFocus,
 })
 

lib/Drawer/style.css

@@ -90,7 +90,7 @@
   opacity: 1;
 }
 
-[data-vaul-drawer]:not([data-vaul-custom-container='true'])::after {
+[data-vaul-drawer]::after {
   content: '';
   position: absolute;
   background: inherit;

lib/Drawer/types.ts

@@ -35,7 +35,6 @@ export interface DrawerContext {
   direction: DrawerDirection;
   setBackgroundColorOnScale: boolean;
   handleOnly?: boolean;
-  container?: HTMLElement | null;
   autoFocus?: boolean;
   shouldAnimate?: Ref<boolean>;
 }

lib/Drawer/useSnapPoints.ts

@@ -14,7 +14,6 @@ export function useSnapPoints({
   fadeFromIndex,
   onSnapPointChange,
   direction = 'bottom',
-  container,
   snapToSequentialPoint,
 }: {
   activeSnapPointProp?: Ref<number | string | null>;
@@ -25,7 +24,6 @@ export function useSnapPoints({
   overlayRef: Ref<ComponentPublicInstance | null>;
   onSnapPointChange(activeSnapPointIndex: number): void;
   direction?: DrawerDirection;
-  container?: Ref<HTMLElement | null | undefined>;
   snapToSequentialPoint?: boolean;
 }) {
 
@@ -79,9 +77,7 @@ export function useSnapPoints({
   )
 
   const snapPointsOffset = computed(() => {
-    const containerSize = container?.value
-      ? { width: container.value?.getBoundingClientRect().width, height: container.value?.getBoundingClientRect().height }
-      : typeof window !== 'undefined'
+    const containerSize = typeof window !== 'undefined'
       ? { width: window.innerWidth, height: window.innerHeight }
       : { width: 0, height: 0 };