uikit 3.25.21 → 3.25.22

package/package.json

@@ -2,7 +2,7 @@
     "name": "uikit",
     "title": "UIkit",
     "description": "UIkit is a lightweight and modular front-end framework for developing fast and powerful web interfaces.",
-    "version": "3.25.21",
+    "version": "3.25.22",
     "main": "dist/js/uikit.js",
     "style": "dist/css/uikit.css",
     "sideEffects": [
@@ -31,7 +31,7 @@
         "url": "https://github.com/uikit/uikit/issues"
     },
     "homepage": "https://getuikit.com",
-    "packageManager": "pnpm@11.4.0",
+    "packageManager": "pnpm@11.25.0",
     "devDependencies": {
         "@eslint/js": "^10.0.1",
         "@rollup/plugin-alias": "^6.0.0",

package/src/js/core/drop.js

@@ -251,6 +251,7 @@ export default {
 
                 this.tracker.init();
                 attr(this.targetEl, 'aria-expanded', true);
+                setAriaOwns(this);
 
                 const handlers = [
                     listenForResize(this),
@@ -295,6 +296,7 @@ export default {
                 active = this.isActive() ? null : active;
                 this.tracker.cancel();
                 attr(this.targetEl, 'aria-expanded', false);
+                attr(parent(this.targetEl), 'aria-owns', null);
             },
         },
     ],
@@ -477,6 +479,13 @@ function createToggleComponent(drop) {
     return el;
 }
 
+function setAriaOwns({ targetEl, $el }) {
+    const owner = parent(targetEl);
+    if (owner && !owner.contains($el)) {
+        attr(owner, 'aria-owns', $el.id);
+    }
+}
+
 function listenForResize(drop) {
     const update = () => drop.$emit();
     const off = [