@yoobic/yobi 8.7.24 → 8.7.26

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -111,7 +111,7 @@ const YooContextMenuDialogComponent = class {
111
111
  getSubMenuYPosition(itemElement, subMenuElement) {
112
112
  const itemRect = itemElement.getBoundingClientRect();
113
113
  const subMenuRect = subMenuElement.getBoundingClientRect();
114
- const hostRect = this.host.getBoundingClientRect();
114
+ const hostRect = itemElement.parentElement.getBoundingClientRect();
115
115
  const isOverflowing = window.innerHeight - itemRect.y < subMenuRect.height + 10;
116
116
  let tsy = `calc(${isOverflowing ? hostRect.bottom - itemRect.bottom : itemRect.top - hostRect.top}px - var(--spacing-04))`;
117
117
  itemRect.y < 0 && !isOverflowing && (tsy = '0px');
@@ -99,7 +99,7 @@ export class YooContextMenuDialogComponent {
99
99
  getSubMenuYPosition(itemElement, subMenuElement) {
100
100
  const itemRect = itemElement.getBoundingClientRect();
101
101
  const subMenuRect = subMenuElement.getBoundingClientRect();
102
- const hostRect = this.host.getBoundingClientRect();
102
+ const hostRect = itemElement.parentElement.getBoundingClientRect();
103
103
  const isOverflowing = window.innerHeight - itemRect.y < subMenuRect.height + 10;
104
104
  let tsy = `calc(${isOverflowing ? hostRect.bottom - itemRect.bottom : itemRect.top - hostRect.top}px - var(--spacing-04))`;
105
105
  itemRect.y < 0 && !isOverflowing && (tsy = '0px');
@@ -107,7 +107,7 @@ const YooContextMenuDialogComponent = class {
107
107
  getSubMenuYPosition(itemElement, subMenuElement) {
108
108
  const itemRect = itemElement.getBoundingClientRect();
109
109
  const subMenuRect = subMenuElement.getBoundingClientRect();
110
- const hostRect = this.host.getBoundingClientRect();
110
+ const hostRect = itemElement.parentElement.getBoundingClientRect();
111
111
  const isOverflowing = window.innerHeight - itemRect.y < subMenuRect.height + 10;
112
112
  let tsy = `calc(${isOverflowing ? hostRect.bottom - itemRect.bottom : itemRect.top - hostRect.top}px - var(--spacing-04))`;
113
113
  itemRect.y < 0 && !isOverflowing && (tsy = '0px');
@@ -107,7 +107,7 @@ const YooContextMenuDialogComponent = class {
107
107
  getSubMenuYPosition(itemElement, subMenuElement) {
108
108
  const itemRect = itemElement.getBoundingClientRect();
109
109
  const subMenuRect = subMenuElement.getBoundingClientRect();
110
- const hostRect = this.host.getBoundingClientRect();
110
+ const hostRect = itemElement.parentElement.getBoundingClientRect();
111
111
  const isOverflowing = window.innerHeight - itemRect.y < subMenuRect.height + 10;
112
112
  let tsy = `calc(${isOverflowing ? hostRect.bottom - itemRect.bottom : itemRect.top - hostRect.top}px - var(--spacing-04))`;
113
113
  itemRect.y < 0 && !isOverflowing && (tsy = '0px');
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yoobic/yobi",
3
- "version": "8.7.24",
3
+ "version": "8.7.26",
4
4
  "description": "Yobi - Yoobic Design System",
5
5
  "module": "dist/index.js",
6
6
  "main": "dist/index.cjs.js",