@aurodesignsystem/auro-library 4.5.0 → 5.0.1

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # Semantic Release Automated Changelog
 
+## [5.0.1](https://github.com/AlaskaAirlines/auro-library/compare/v5.0.0...v5.0.1) (2025-06-02)
+
+
+### Bug Fixes
+
+* resolve issues with isMousePressed and keeping bibs open on focus loss ([3ae2c38](https://github.com/AlaskaAirlines/auro-library/commit/3ae2c38003eda3c58f1278924844bfd9f57e349f))
+
+# [5.0.0](https://github.com/AlaskaAirlines/auro-library/compare/v4.5.0...v5.0.0) (2025-05-29)
+
+
+### Bug Fixes
+
+* update positioning strategy and remove dom node transportation from FloatingUI ([3e01ab2](https://github.com/AlaskaAirlines/auro-library/commit/3e01ab2e8cadfa76d7d057abc6626b7b09ef568f))
+
+
+### BREAKING CHANGES
+
+* this changes the fundamental strategy for implementing FloatingUI and will require accommodating changes in consuming code to work correctly
+
 # [4.5.0](https://github.com/AlaskaAirlines/auro-library/compare/v4.4.1...v4.5.0) (2025-05-15)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem/auro-library",
-  "version": "4.5.0",
+  "version": "5.0.1",
   "description": "This repository holds shared scripts, utilities, and workflows utilized across repositories along the Auro Design System.",
   "repository": {
     "type": "git",

package/scripts/runtime/floatingUI.mjs

@@ -24,8 +24,28 @@ export default class AuroFloatingUI {
     if (!AuroFloatingUI.isMousePressHandlerInitialized && window && window.addEventListener) {
       AuroFloatingUI.isMousePressHandlerInitialized = true;
 
+      // Track timeout for isMousePressed reset to avoid race conditions
+      if (!AuroFloatingUI._mousePressedTimeout) {
+        AuroFloatingUI._mousePressedTimeout = null;
+      }
       const mouseEventGlobalHandler = (event) => {
-        AuroFloatingUI.isMousePressed = event.type === 'mousedown';
+        const isPressed = event.type === 'mousedown';
+        if (isPressed) {
+          // Clear any pending timeout to prevent race condition
+          if (AuroFloatingUI._mousePressedTimeout !== null) {
+            clearTimeout(AuroFloatingUI._mousePressedTimeout);
+            AuroFloatingUI._mousePressedTimeout = null;
+          }
+          if (!AuroFloatingUI.isMousePressed) {
+            AuroFloatingUI.isMousePressed = true;
+          }
+        } else if (AuroFloatingUI.isMousePressed && !isPressed) {
+          // Schedule reset and track timeout ID
+          AuroFloatingUI._mousePressedTimeout = setTimeout(() => {
+            AuroFloatingUI.isMousePressed = false;
+            AuroFloatingUI._mousePressedTimeout = null;
+          }, 0);
+        }
       };
 
       window.addEventListener('mousedown', mouseEventGlobalHandler);
@@ -152,6 +172,7 @@ export default class AuroFloatingUI {
 
       // Compute the position of the bib
       computePosition(this.element.trigger, this.element.bib, {
+        strategy: this.element.floaterConfig?.strategy || 'fixed',
         placement: this.element.floaterConfig?.placement,
         middleware: middleware || []
       }).then(({ x, y }) => { // eslint-disable-line id-length
@@ -286,8 +307,9 @@ export default class AuroFloatingUI {
     if (this.element.contains(activeElement) || this.element.bib?.contains(activeElement)) {
       return;
     }
-    // if fullscreen bib is still open and the focus is missing, do not close
-    if (this.element.bib.hasAttribute('isfullscreen') && activeElement === document.body) {
+    
+    // if fullscreen bib is in fullscreen mode, do not close
+    if (this.element.bib.hasAttribute('isfullscreen')) {
       return;
     }
 
@@ -589,8 +611,6 @@ export default class AuroFloatingUI {
       this.element.hoverToggle = this.element.floaterConfig.hoverToggle;
     }
 
-    document.body.append(this.element.bib);
-
     this.regenerateBibId();
     this.handleTriggerTabIndex();