@momentum-design/components 0.120.5 → 0.120.7

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.
@@ -382,7 +382,7 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
382
382
  document.addEventListener('click', this.togglePopoverVisible, { capture: true });
383
383
  }
384
384
  if (this.trigger.includes('mouseenter')) {
385
- const hoverBridge = this.renderRoot.querySelector('.popover-hover-bridge');
385
+ const hoverBridge = this.renderRoot.querySelector('div[part="popover-hover-bridge"]');
386
386
  hoverBridge === null || hoverBridge === void 0 ? void 0 : hoverBridge.addEventListener('mouseenter', this.show);
387
387
  document.addEventListener('mouseenter', this.handleMouseEnter, { capture: true });
388
388
  document.addEventListener('mouseleave', this.handleMouseLeave, { capture: true });
@@ -403,7 +403,7 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
403
403
  // click trigger
404
404
  document.removeEventListener('click', this.togglePopoverVisible, { capture: true });
405
405
  // mouseenter trigger
406
- const hoverBridge = this.renderRoot.querySelector('.popover-hover-bridge');
406
+ const hoverBridge = this.renderRoot.querySelector('div[part="popover-hover-bridge"]');
407
407
  hoverBridge === null || hoverBridge === void 0 ? void 0 : hoverBridge.removeEventListener('mouseenter', this.show);
408
408
  document.removeEventListener('mouseenter', this.handleMouseEnter, { capture: true });
409
409
  document.removeEventListener('mouseleave', this.handleMouseLeave, { capture: true });
@@ -657,7 +657,7 @@ class Popover extends BackdropMixin(PreventScrollMixin(FocusTrapMixin(Component)
657
657
  if (middlewareData.arrow && this.arrowElement) {
658
658
  this.utils.updateArrowStyle(middlewareData.arrow, placement);
659
659
  }
660
- if (this.trigger.includes('mouseenter') && this.interactive) {
660
+ if (this.trigger.includes('mouseenter')) {
661
661
  this.utils.setupHoverBridge(placement);
662
662
  }
663
663
  });
@@ -46,7 +46,7 @@ export class PopoverUtils {
46
46
  * @param placement - The placement of the popover.
47
47
  */
48
48
  setupHoverBridge(placement) {
49
- const hoverBridge = this.popover.renderRoot.querySelector('.popover-hover-bridge');
49
+ const hoverBridge = this.popover.renderRoot.querySelector('div[part="popover-hover-bridge"]');
50
50
  Object.assign(hoverBridge.style, {
51
51
  top: '',
52
52
  left: '',