fix(common): consider target size when auto-position picker/modal (#1517

)

- when calculating picker/modal by available position, it should (wasn't) consider targeted element. For example when a calendar picker is reposition according to attached input
- exact same change was applied to Vanilla-Calendar-Picker external dep, also remove it from unused package.json

examples/vite-demo-vanilla-bundle/package.json

@@ -30,7 +30,6 @@
     "fetch-jsonp": "^1.3.0",
     "multiple-select-vanilla": "^3.2.0",
     "rxjs": "^7.8.1",
-    "vanilla-calendar-picker": "^2.11.4",
     "whatwg-fetch": "^3.6.20"
   },
   "devDependencies": {

package.json

@@ -94,7 +94,6 @@
     "ts-node": "^10.9.2",
     "typescript": "^5.4.5",
     "typescript-eslint": "^7.8.0",
-    "vanilla-calendar-picker": "^2.11.4",
     "whatwg-fetch": "^3.6.20"
   },
   "funding": {

packages/common/package.json

@@ -77,7 +77,7 @@
     "multiple-select-vanilla": "^3.2.0",
     "sortablejs": "^1.15.2",
     "un-flatten-tree": "^2.0.12",
-    "vanilla-calendar-picker": "^2.11.4"
+    "vanilla-calendar-picker": "^2.11.5"
   },
   "devDependencies": {
     "autoprefixer": "^10.4.19",

packages/utils/src/domUtils.ts

@@ -18,9 +18,9 @@ export function calculateAvailableSpace(element: HTMLElement): { top: number; bo
     const elementOffsetTop = elmOffset.top ?? 0;
     const elementOffsetLeft = elmOffset.left ?? 0;
     top = elementOffsetTop - pageScrollTop;
-    bottom = windowHeight - (elementOffsetTop - pageScrollTop);
     left = elementOffsetLeft - pageScrollLeft;
-    right = windowWidth - (elementOffsetLeft - pageScrollLeft);
+    bottom = windowHeight - (elementOffsetTop - pageScrollTop + element.clientHeight);
+    right = windowWidth - (elementOffsetLeft - pageScrollLeft + element.clientWidth);
   }
 
   return { top, bottom, left, right };

packages/vanilla-bundle/package.json

@@ -60,7 +60,6 @@
     "@slickgrid-universal/utils": "workspace:~",
     "dequal": "^2.0.3",
     "sortablejs": "^1.15.2",
-    "vanilla-calendar-picker": "^2.11.4",
     "whatwg-fetch": "^3.6.20"
   },
   "devDependencies": {