@nexdom/uimed-vue 2.0.0-beta.29 → 2.0.0-beta.30

package/dist/components.js

@@ -1200,6 +1200,25 @@ function useAutocompleteRules(options) {
 		return rules;
 	});
 }
+/**
+* Menu props that keep the combobox semantics only on the field's `<input>`.
+*
+* The field's container gets `role="combobox"` from the field, which passes its
+* role to both the container and the input, and the menu's ARIA attributes,
+* since it's the menu's activator. Without these props, the container is
+* exposed as an unnamed combobox wrapping the input. The menu removes from its
+* activator the attributes set to `undefined`, role included, and the field
+* never sets that role again, since its value doesn't change. The input keeps
+* its role, label, `aria-expanded` and `aria-controls`. This only happens in
+* the browser: server-rendered HTML still has the role on the container.
+*/
+const autocompleteFieldMenuProps = { activatorProps: {
+	role: void 0,
+	"aria-haspopup": void 0,
+	"aria-expanded": void 0,
+	"aria-controls": void 0,
+	"aria-owns": void 0
+} };
 //#endregion
 //#region src/components/inputs/autocomplete-field/autocomplete-field.vue
 var autocomplete_field_default = /* @__PURE__ */ defineComponent({
@@ -1302,6 +1321,7 @@ var autocomplete_field_default = /* @__PURE__ */ defineComponent({
 				multiple: isMultiple.value,
 				"item-title": "label",
 				rules: unref(rules),
+				"menu-props": unref(autocompleteFieldMenuProps),
 				chips: ""
 			}, {
 				loader: withCtx((loader) => [createVNode(field_loader_default, normalizeProps(guardReactiveProps(loader)), null, 16)]),
@@ -1320,7 +1340,8 @@ var autocomplete_field_default = /* @__PURE__ */ defineComponent({
 				"hint",
 				"clearable",
 				"multiple",
-				"rules"
+				"rules",
+				"menu-props"
 			]);
 		};
 	}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nexdom/uimed-vue",
-  "version": "2.0.0-beta.29",
+  "version": "2.0.0-beta.30",
   "description": "A ui framework for NEXDOM applications.",
   "keywords": [
     "lib",