opus-toolkit-components 1.7.2 → 1.7.4

package/lib/opus-components.main.js

@@ -1750,7 +1750,8 @@ const ForwardRef = /*#__PURE__*/ react__WEBPACK_IMPORTED_MODULE_0__.forwardRef(C
 
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   isCtrlKeyPressed: () => (/* binding */ $21f1aa98acb08317$export$16792effe837dba3)
+/* harmony export */   isCtrlKeyPressed: () => (/* binding */ $21f1aa98acb08317$export$16792effe837dba3),
+/* harmony export */   willOpenKeyboard: () => (/* binding */ $21f1aa98acb08317$export$c57958e35f31ed73)
 /* harmony export */ });
 /* harmony import */ var _platform_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(69202);
 
@@ -1770,6 +1771,21 @@ function $21f1aa98acb08317$export$16792effe837dba3(e) {
     if ((0, _platform_mjs__WEBPACK_IMPORTED_MODULE_0__.isMac)()) return e.metaKey;
     return e.ctrlKey;
 }
+// HTML input types that do not cause the software keyboard to appear.
+const $21f1aa98acb08317$var$nonTextInputTypes = new Set([
+    'checkbox',
+    'radio',
+    'range',
+    'color',
+    'file',
+    'image',
+    'button',
+    'submit',
+    'reset'
+]);
+function $21f1aa98acb08317$export$c57958e35f31ed73(target) {
+    return target instanceof HTMLInputElement && !$21f1aa98acb08317$var$nonTextInputTypes.has(target.type) || target instanceof HTMLTextAreaElement || target instanceof HTMLElement && target.isContentEditable;
+}
 
 
 
@@ -7986,7 +8002,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useUpdateEffect: () => (/* reexport safe */ _useUpdateEffect_mjs__WEBPACK_IMPORTED_MODULE_16__.useUpdateEffect),
 /* harmony export */   useUpdateLayoutEffect: () => (/* reexport safe */ _useUpdateLayoutEffect_mjs__WEBPACK_IMPORTED_MODULE_17__.useUpdateLayoutEffect),
 /* harmony export */   useValueEffect: () => (/* reexport safe */ _useValueEffect_mjs__WEBPACK_IMPORTED_MODULE_28__.useValueEffect),
-/* harmony export */   useViewportSize: () => (/* reexport safe */ _useViewportSize_mjs__WEBPACK_IMPORTED_MODULE_24__.useViewportSize)
+/* harmony export */   useViewportSize: () => (/* reexport safe */ _useViewportSize_mjs__WEBPACK_IMPORTED_MODULE_24__.useViewportSize),
+/* harmony export */   willOpenKeyboard: () => (/* reexport safe */ _keyboard_mjs__WEBPACK_IMPORTED_MODULE_38__.willOpenKeyboard)
 /* harmony export */ });
 /* harmony import */ var _useId_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(43051);
 /* harmony import */ var _chain_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(72166);
@@ -10394,8 +10411,10 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   useViewportSize: () => (/* binding */ $5df64b3807dc15ee$export$d699905dd57c73ca)
 /* harmony export */ });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(9206);
-/* harmony import */ var _react_aria_ssr__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(3059);
+/* harmony import */ var _keyboard_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3704);
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(9206);
+/* harmony import */ var _react_aria_ssr__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(3059);
+
 
 
 
@@ -10411,25 +10430,48 @@ __webpack_require__.r(__webpack_exports__);
  * governing permissions and limitations under the License.
  */ 
 
+
 let $5df64b3807dc15ee$var$visualViewport = typeof document !== 'undefined' && window.visualViewport;
 function $5df64b3807dc15ee$export$d699905dd57c73ca() {
-    let isSSR = (0, _react_aria_ssr__WEBPACK_IMPORTED_MODULE_1__.useIsSSR)();
-    let [size, setSize] = (0, react__WEBPACK_IMPORTED_MODULE_0__.useState)(()=>isSSR ? {
+    let isSSR = (0, _react_aria_ssr__WEBPACK_IMPORTED_MODULE_2__.useIsSSR)();
+    let [size, setSize] = (0, react__WEBPACK_IMPORTED_MODULE_1__.useState)(()=>isSSR ? {
             width: 0,
             height: 0
         } : $5df64b3807dc15ee$var$getViewportSize());
-    (0, react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(()=>{
+    (0, react__WEBPACK_IMPORTED_MODULE_1__.useEffect)(()=>{
         // Use visualViewport api to track available height even on iOS virtual keyboard opening
         let onResize = ()=>{
+            // Ignore updates when zoomed.
+            if ($5df64b3807dc15ee$var$visualViewport && $5df64b3807dc15ee$var$visualViewport.scale > 1) return;
             setSize((size)=>{
                 let newSize = $5df64b3807dc15ee$var$getViewportSize();
                 if (newSize.width === size.width && newSize.height === size.height) return size;
                 return newSize;
             });
         };
+        // When closing the keyboard, iOS does not fire the visual viewport resize event until the animation is complete.
+        // We can anticipate this and resize early by handling the blur event and using the layout size.
+        let frame;
+        let onBlur = (e)=>{
+            if ($5df64b3807dc15ee$var$visualViewport && $5df64b3807dc15ee$var$visualViewport.scale > 1) return;
+            if ((0, _keyboard_mjs__WEBPACK_IMPORTED_MODULE_0__.willOpenKeyboard)(e.target)) // Wait one frame to see if a new element gets focused.
+            frame = requestAnimationFrame(()=>{
+                if (!document.activeElement || !(0, _keyboard_mjs__WEBPACK_IMPORTED_MODULE_0__.willOpenKeyboard)(document.activeElement)) setSize((size)=>{
+                    let newSize = {
+                        width: window.innerWidth,
+                        height: window.innerHeight
+                    };
+                    if (newSize.width === size.width && newSize.height === size.height) return size;
+                    return newSize;
+                });
+            });
+        };
+        window.addEventListener('blur', onBlur, true);
         if (!$5df64b3807dc15ee$var$visualViewport) window.addEventListener('resize', onResize);
         else $5df64b3807dc15ee$var$visualViewport.addEventListener('resize', onResize);
         return ()=>{
+            cancelAnimationFrame(frame);
+            window.removeEventListener('blur', onBlur, true);
             if (!$5df64b3807dc15ee$var$visualViewport) window.removeEventListener('resize', onResize);
             else $5df64b3807dc15ee$var$visualViewport.removeEventListener('resize', onResize);
         };
@@ -10438,8 +10480,9 @@ function $5df64b3807dc15ee$export$d699905dd57c73ca() {
 }
 function $5df64b3807dc15ee$var$getViewportSize() {
     return {
-        width: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.width) || window.innerWidth,
-        height: $5df64b3807dc15ee$var$visualViewport && ($5df64b3807dc15ee$var$visualViewport === null || $5df64b3807dc15ee$var$visualViewport === void 0 ? void 0 : $5df64b3807dc15ee$var$visualViewport.height) || window.innerHeight
+        // Multiply by the visualViewport scale to get the "natural" size, unaffected by pinch zooming.
+        width: $5df64b3807dc15ee$var$visualViewport ? $5df64b3807dc15ee$var$visualViewport.width * $5df64b3807dc15ee$var$visualViewport.scale : window.innerWidth,
+        height: $5df64b3807dc15ee$var$visualViewport ? $5df64b3807dc15ee$var$visualViewport.height * $5df64b3807dc15ee$var$visualViewport.scale : window.innerHeight
     };
 }
 
@@ -19117,9 +19160,11 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
         if (shouldCancelOnPointerExit) cancel(e);
     });
     let triggerClick = (0, _react_aria_utils__WEBPACK_IMPORTED_MODULE_6__.useEffectEvent)((e)=>{
+        if (isDisabled) return;
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
     });
     let triggerSyntheticClick = (0, _react_aria_utils__WEBPACK_IMPORTED_MODULE_6__.useEffectEvent)((e, target)=>{
+        if (isDisabled) return;
         // Some third-party libraries pass in onClick instead of onPress.
         // Create a fake mouse event and trigger onClick as well.
         // This matches the browser's native activation behavior for certain elements (e.g. button).
@@ -26258,7 +26303,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   tabbable: () => (/* binding */ tabbable)
 /* harmony export */ });
 /*!
-* tabbable 6.2.0
+* tabbable 6.3.0
 * @license MIT, https://github.com/focus-trap/tabbable/blob/master/LICENSE
 */
 // NOTE: separate `:not()` selectors has broader browser support than the newer
@@ -26285,7 +26330,7 @@ var getRootNode = !NoElement && Element.prototype.getRootNode ? function (elemen
  * @returns {boolean} True if inert itself or by way of being in an inert ancestor.
  *  False if `node` is falsy.
  */
-var isInert = function isInert(node, lookUp) {
+var _isInert = function isInert(node, lookUp) {
   var _node$getAttribute;
   if (lookUp === void 0) {
     lookUp = true;
@@ -26301,7 +26346,7 @@ var isInert = function isInert(node, lookUp) {
   //  code works for any kind of node
   // CAREFUL: JSDom does not appear to support certain selectors like `:not([inert] *)`
   //  so it likely would not support `:is([inert] *)` either...
-  var result = inert || lookUp && node && isInert(node.parentNode); // recursive
+  var result = inert || lookUp && node && _isInert(node.parentNode); // recursive
 
   return result;
 };
@@ -26329,7 +26374,7 @@ var isContentEditable = function isContentEditable(node) {
 var getCandidates = function getCandidates(el, includeContainer, filter) {
   // even if `includeContainer=false`, we still have to check it for inertness because
   //  if it's inert, all its children are inert
-  if (isInert(el)) {
+  if (_isInert(el)) {
     return [];
   }
   var candidates = Array.prototype.slice.apply(el.querySelectorAll(candidateSelector));
@@ -26374,12 +26419,12 @@ var getCandidates = function getCandidates(el, includeContainer, filter) {
  * @param {IterativeOptions} options
  * @returns {Array.<Element|CandidateScope>}
  */
-var getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {
+var _getCandidatesIteratively = function getCandidatesIteratively(elements, includeContainer, options) {
   var candidates = [];
   var elementsToCheck = Array.from(elements);
   while (elementsToCheck.length) {
     var element = elementsToCheck.shift();
-    if (isInert(element, false)) {
+    if (_isInert(element, false)) {
       // no need to look up since we're drilling down
       // anything inside this container will also be inert
       continue;
@@ -26388,7 +26433,7 @@ var getCandidatesIteratively = function getCandidatesIteratively(elements, inclu
       // add shadow dom slot scope (slot itself cannot be focusable)
       var assigned = element.assignedElements();
       var content = assigned.length ? assigned : element.children;
-      var nestedCandidates = getCandidatesIteratively(content, true, options);
+      var nestedCandidates = _getCandidatesIteratively(content, true, options);
       if (options.flatten) {
         candidates.push.apply(candidates, nestedCandidates);
       } else {
@@ -26412,7 +26457,7 @@ var getCandidatesIteratively = function getCandidatesIteratively(elements, inclu
       // no inert look up because we're already drilling down and checking for inertness
       //  on the way down, so all containers to this root node should have already been
       //  vetted as non-inert
-      var validShadowRoot = !isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));
+      var validShadowRoot = !_isInert(shadowRoot, false) && (!options.shadowRootFilter || options.shadowRootFilter(element));
       if (shadowRoot && validShadowRoot) {
         // add shadow dom scope IIF a shadow root node was given; otherwise, an undisclosed
         //  shadow exists, so look at light dom children as fallback BUT create a scope for any
@@ -26420,7 +26465,7 @@ var getCandidatesIteratively = function getCandidatesIteratively(elements, inclu
         //  children of the web component element (which has the shadow), in the light dom, but
         //  slotted somewhere _inside_ the undisclosed shadow) -- the scope is created below,
         //  _after_ we return from this recursive call
-        var _nestedCandidates = getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);
+        var _nestedCandidates = _getCandidatesIteratively(shadowRoot === true ? element.children : shadowRoot.children, true, options);
         if (options.flatten) {
           candidates.push.apply(candidates, _nestedCandidates);
         } else {
@@ -26597,6 +26642,28 @@ var isZeroArea = function isZeroArea(node) {
 var isHidden = function isHidden(node, _ref) {
   var displayCheck = _ref.displayCheck,
     getShadowRoot = _ref.getShadowRoot;
+  if (displayCheck === 'full-native') {
+    if ('checkVisibility' in node) {
+      // Chrome >= 105, Edge >= 105, Firefox >= 106, Safari >= 17.4
+      // @see https://developer.mozilla.org/en-US/docs/Web/API/Element/checkVisibility#browser_compatibility
+      var visible = node.checkVisibility({
+        // Checking opacity might be desirable for some use cases, but natively,
+        // opacity zero elements _are_ focusable and tabbable.
+        checkOpacity: false,
+        opacityProperty: false,
+        contentVisibilityAuto: true,
+        visibilityProperty: true,
+        // This is an alias for `visibilityProperty`. Contemporary browsers
+        // support both. However, this alias has wider browser support (Chrome
+        // >= 105 and Firefox >= 106, vs. Chrome >= 121 and Firefox >= 122), so
+        // we include it anyway.
+        checkVisibilityCSS: true
+      });
+      return !visible;
+    }
+    // Fall through to manual visibility checks
+  }
+
   // NOTE: visibility will be `undefined` if node is detached from the document
   //  (see notes about this further down), which means we will consider it visible
   //  (this is legacy behavior from a very long way back)
@@ -26610,7 +26677,10 @@ var isHidden = function isHidden(node, _ref) {
   if (matches.call(nodeUnderDetails, 'details:not([open]) *')) {
     return true;
   }
-  if (!displayCheck || displayCheck === 'full' || displayCheck === 'legacy-full') {
+  if (!displayCheck || displayCheck === 'full' ||
+  // full-native can run this branch when it falls through in case
+  // Element#checkVisibility is unsupported
+  displayCheck === 'full-native' || displayCheck === 'legacy-full') {
     if (typeof getShadowRoot === 'function') {
       // figure out if we should consider the node to be in an undisclosed shadow and use the
       //  'non-zero-area' fallback
@@ -26723,7 +26793,7 @@ var isNodeMatchingSelectorFocusable = function isNodeMatchingSelectorFocusable(o
   // we must do an inert look up to filter out any elements inside an inert ancestor
   //  because we're limited in the type of selectors we can use in JSDom (see related
   //  note related to `candidateSelectors`)
-  isInert(node) || isHiddenInput(node) || isHidden(node, options) ||
+  _isInert(node) || isHiddenInput(node) || isHidden(node, options) ||
   // For a details element with a summary, the summary element gets the focus
   isDetailsWithSummary(node) || isDisabledFromFieldset(node)) {
     return false;
@@ -26736,7 +26806,7 @@ var isNodeMatchingSelectorTabbable = function isNodeMatchingSelectorTabbable(opt
   }
   return true;
 };
-var isValidShadowRootTabbable = function isValidShadowRootTabbable(shadowHostNode) {
+var isShadowRootTabbable = function isShadowRootTabbable(shadowHostNode) {
   var tabIndex = parseInt(shadowHostNode.getAttribute('tabindex'), 10);
   if (isNaN(tabIndex) || tabIndex >= 0) {
     return true;
@@ -26750,14 +26820,14 @@ var isValidShadowRootTabbable = function isValidShadowRootTabbable(shadowHostNod
  * @param {Array.<Element|CandidateScope>} candidates
  * @returns Element[]
  */
-var sortByOrder = function sortByOrder(candidates) {
+var _sortByOrder = function sortByOrder(candidates) {
   var regularTabbables = [];
   var orderedTabbables = [];
   candidates.forEach(function (item, i) {
     var isScope = !!item.scopeParent;
     var element = isScope ? item.scopeParent : item;
     var candidateTabindex = getSortOrderTabIndex(element, isScope);
-    var elements = isScope ? sortByOrder(item.candidates) : element;
+    var elements = isScope ? _sortByOrder(item.candidates) : element;
     if (candidateTabindex === 0) {
       isScope ? regularTabbables.push.apply(regularTabbables, elements) : regularTabbables.push(element);
     } else {
@@ -26779,22 +26849,22 @@ var tabbable = function tabbable(container, options) {
   options = options || {};
   var candidates;
   if (options.getShadowRoot) {
-    candidates = getCandidatesIteratively([container], options.includeContainer, {
+    candidates = _getCandidatesIteratively([container], options.includeContainer, {
       filter: isNodeMatchingSelectorTabbable.bind(null, options),
       flatten: false,
       getShadowRoot: options.getShadowRoot,
-      shadowRootFilter: isValidShadowRootTabbable
+      shadowRootFilter: isShadowRootTabbable
     });
   } else {
     candidates = getCandidates(container, options.includeContainer, isNodeMatchingSelectorTabbable.bind(null, options));
   }
-  return sortByOrder(candidates);
+  return _sortByOrder(candidates);
 };
 var focusable = function focusable(container, options) {
   options = options || {};
   var candidates;
   if (options.getShadowRoot) {
-    candidates = getCandidatesIteratively([container], options.includeContainer, {
+    candidates = _getCandidatesIteratively([container], options.includeContainer, {
       filter: isNodeMatchingSelectorFocusable.bind(null, options),
       flatten: true,
       getShadowRoot: options.getShadowRoot
@@ -30115,6 +30185,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   scrollIntoViewport: () => (/* binding */ $2f04cbc44ee30ce0$export$c826860796309d1b)
 /* harmony export */ });
 /* harmony import */ var _getScrollParents_mjs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(91577);
+/* harmony import */ var _platform_mjs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(69202);
+
 
 
 /*
@@ -30128,6 +30200,7 @@ __webpack_require__.r(__webpack_exports__);
  * OF ANY KIND, either express or implied. See the License for the specific language
  * governing permissions and limitations under the License.
  */ 
+
 function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
     let offsetX = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, 'left');
     let offsetY = $2f04cbc44ee30ce0$var$relativeOffset(scrollView, element, 'top');
@@ -30137,23 +30210,45 @@ function $2f04cbc44ee30ce0$export$53a0910f038337bd(scrollView, element) {
     let y = scrollView.scrollTop;
     // Account for top/left border offsetting the scroll top/Left + scroll padding
     let { borderTopWidth: borderTopWidth, borderLeftWidth: borderLeftWidth, scrollPaddingTop: scrollPaddingTop, scrollPaddingRight: scrollPaddingRight, scrollPaddingBottom: scrollPaddingBottom, scrollPaddingLeft: scrollPaddingLeft } = getComputedStyle(scrollView);
+    // Account for scroll margin of the element
+    let { scrollMarginTop: scrollMarginTop, scrollMarginRight: scrollMarginRight, scrollMarginBottom: scrollMarginBottom, scrollMarginLeft: scrollMarginLeft } = getComputedStyle(element);
     let borderAdjustedX = x + parseInt(borderLeftWidth, 10);
     let borderAdjustedY = y + parseInt(borderTopWidth, 10);
     // Ignore end/bottom border via clientHeight/Width instead of offsetHeight/Width
     let maxX = borderAdjustedX + scrollView.clientWidth;
     let maxY = borderAdjustedY + scrollView.clientHeight;
-    // Get scroll padding values as pixels - defaults to 0 if no scroll padding
+    // Get scroll padding / margin values as pixels - defaults to 0 if no scroll padding / margin
     // is used.
     let scrollPaddingTopNumber = parseInt(scrollPaddingTop, 10) || 0;
     let scrollPaddingBottomNumber = parseInt(scrollPaddingBottom, 10) || 0;
     let scrollPaddingRightNumber = parseInt(scrollPaddingRight, 10) || 0;
     let scrollPaddingLeftNumber = parseInt(scrollPaddingLeft, 10) || 0;
-    if (offsetX <= x + scrollPaddingLeftNumber) x = offsetX - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber;
-    else if (offsetX + width > maxX - scrollPaddingRightNumber) x += offsetX + width - maxX + scrollPaddingRightNumber;
-    if (offsetY <= borderAdjustedY + scrollPaddingTopNumber) y = offsetY - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber;
-    else if (offsetY + height > maxY - scrollPaddingBottomNumber) y += offsetY + height - maxY + scrollPaddingBottomNumber;
-    scrollView.scrollLeft = x;
-    scrollView.scrollTop = y;
+    let scrollMarginTopNumber = parseInt(scrollMarginTop, 10) || 0;
+    let scrollMarginBottomNumber = parseInt(scrollMarginBottom, 10) || 0;
+    let scrollMarginRightNumber = parseInt(scrollMarginRight, 10) || 0;
+    let scrollMarginLeftNumber = parseInt(scrollMarginLeft, 10) || 0;
+    let targetLeft = offsetX - scrollMarginLeftNumber;
+    let targetRight = offsetX + width + scrollMarginRightNumber;
+    let targetTop = offsetY - scrollMarginTopNumber;
+    let targetBottom = offsetY + height + scrollMarginBottomNumber;
+    let scrollPortLeft = x + parseInt(borderLeftWidth, 10) + scrollPaddingLeftNumber;
+    let scrollPortRight = maxX - scrollPaddingRightNumber;
+    let scrollPortTop = y + parseInt(borderTopWidth, 10) + scrollPaddingTopNumber;
+    let scrollPortBottom = maxY - scrollPaddingBottomNumber;
+    if (targetLeft > scrollPortLeft || targetRight < scrollPortRight) {
+        if (targetLeft <= x + scrollPaddingLeftNumber) x = targetLeft - parseInt(borderLeftWidth, 10) - scrollPaddingLeftNumber;
+        else if (targetRight > maxX - scrollPaddingRightNumber) x += targetRight - maxX + scrollPaddingRightNumber;
+    }
+    if (targetTop > scrollPortTop || targetBottom < scrollPortBottom) {
+        if (targetTop <= borderAdjustedY + scrollPaddingTopNumber) y = targetTop - parseInt(borderTopWidth, 10) - scrollPaddingTopNumber;
+        else if (targetBottom > maxY - scrollPaddingBottomNumber) y += targetBottom - maxY + scrollPaddingBottomNumber;
+    }
+    if (false) // removed by dead control flow
+{}
+    scrollView.scrollTo({
+        left: x,
+        top: y
+    });
 }
 /**
  * Computes the offset left or top from child to ancestor by accumulating
@@ -30179,8 +30274,9 @@ function $2f04cbc44ee30ce0$export$c826860796309d1b(targetElement, opts) {
     if (targetElement && document.contains(targetElement)) {
         let root = document.scrollingElement || document.documentElement;
         let isScrollPrevented = window.getComputedStyle(root).overflow === 'hidden';
-        // If scrolling is not currently prevented then we aren’t in a overlay nor is a overlay open, just use element.scrollIntoView to bring the element into view
-        if (!isScrollPrevented) {
+        // If scrolling is not currently prevented then we aren't in a overlay nor is a overlay open, just use element.scrollIntoView to bring the element into view
+        // Also ignore in chrome because of this bug: https://issues.chromium.org/issues/40074749
+        if (!isScrollPrevented && !(0, _platform_mjs__WEBPACK_IMPORTED_MODULE_1__.isChrome)()) {
             var // use scrollIntoView({block: 'nearest'}) instead of .focus to check if the element is fully in view or not since .focus()
             // won't cause a scroll if the element is already focused and doesn't behave consistently when an element is partially out of view horizontally vs vertically
             _targetElement_scrollIntoView;
@@ -31217,7 +31313,9 @@ function $7d2416ea0959daaa$var$isAttributeVisible(element, childElement) {
     !element.hasAttribute('data-react-aria-prevent-focus') && (element.nodeName === 'DETAILS' && childElement && childElement.nodeName !== 'SUMMARY' ? element.hasAttribute('open') : true);
 }
 function $7d2416ea0959daaa$export$e989c0fffaa6b27a(element, childElement) {
-    if ($7d2416ea0959daaa$var$supportsCheckVisibility) return element.checkVisibility() && !element.closest('[data-react-aria-prevent-focus]');
+    if ($7d2416ea0959daaa$var$supportsCheckVisibility) return element.checkVisibility({
+        visibilityProperty: true
+    }) && !element.closest('[data-react-aria-prevent-focus]');
     return element.nodeName !== '#comment' && $7d2416ea0959daaa$var$isStyleVisible(element) && $7d2416ea0959daaa$var$isAttributeVisible(element, childElement) && (!element.parentElement || $7d2416ea0959daaa$export$e989c0fffaa6b27a(element.parentElement, element));
 }