@brightspace-ui/core 3.216.0 → 3.216.1

package/components/popover/popover-mixin.js

@@ -34,7 +34,8 @@ const minBackdropWidthMobile = 30;
 const minOpenerSizeNoShift = 52;
 const pointerLength = 16;
 const pointerRotatedLength = Math.SQRT2 * parseFloat(pointerLength);
-const isSupported = ('popover' in HTMLElement.prototype);
+
+export const isPopoverSupported = ('popover' in HTMLElement.prototype);
 
 const getScrollbarWidth = () => {
 	const width = window.innerWidth - document.documentElement.clientWidth;
@@ -258,7 +259,7 @@ export const PopoverMixin = superclass => class extends superclass {
 		this.configure();
 		this._mobile = false;
 		this._showBackdrop = false;
-		this._useNativePopover = isSupported ? 'manual' : undefined;
+		this._useNativePopover = isPopoverSupported ? 'manual' : undefined;
 		this.#handleAncestorMutationBound = this.#handleAncestorMutation.bind(this);
 		this.#handleAutoCloseClickBound = this.#handleAutoCloseClick.bind(this);
 		this.#handleAutoCloseFocusBound = this.#handleAutoCloseFocus.bind(this);

package/components/table/table-wrapper.js

@@ -4,9 +4,14 @@ import { css, html, LitElement, nothing } from 'lit';
 import { cssSizes } from '../inputs/input-checkbox.js';
 import { getComposedParent } from '../../helpers/dom.js';
 import { getFlag } from '../../helpers/flags.js';
+import { isPopoverSupported } from '../popover/popover-mixin.js';
 import { PageableMixin } from '../paging/pageable-mixin.js';
 import ResizeObserver from 'resize-observer-polyfill/dist/ResizeObserver.es.js';
 import { SelectionMixin } from '../selection/selection-mixin.js';
+import { usePopoverMixin as useDropdownPopover } from '../dropdown/dropdown-popover-mixin.js';
+import { usePopoverMixin as useTooltipPopover } from '../tooltip/tooltip.js';
+
+export const isUsingNativePopover = isPopoverSupported && useDropdownPopover && useTooltipPopover;
 
 const colSyncFix = getFlag('GAUD-8228-8186-improved-table-col-sync', true);
 
@@ -733,7 +738,7 @@ export class TableWrapper extends PageableMixin(SelectionMixin(LitElement)) {
 	}
 
 	_updateStickyAncestor(node, popoverOpened) {
-		if (!this.stickyHeaders) return;
+		if (!this.stickyHeaders || isUsingNativePopover) return;
 
 		node = getComposedParent(node);
 		while (node) {

package/components/tooltip/tooltip.js

@@ -13,7 +13,7 @@ import ResizeObserver from 'resize-observer-polyfill/dist/ResizeObserver.es.js';
 import { RtlMixin } from '../../mixins/rtl/rtl-mixin.js';
 import { styleMap } from 'lit/directives/style-map.js';
 
-const usePopoverMixin = getFlag('GAUD-7355-tooltip-popover', true);
+export const usePopoverMixin = getFlag('GAUD-7355-tooltip-popover', true);
 
 const contentBorderSize = 1;
 const contentHorizontalPadding = 15;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "3.216.0",
+  "version": "3.216.1",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",