fix: add aria hidden as well

formwerkjs · Jan 16, 2025 · 491816e · 491816e
1 parent ef9c737
commit 491816e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/packages/core/src/useOption/useOption.ts b/packages/core/src/useOption/useOption.ts
@@ -17,6 +17,7 @@ interface OptionDomProps {
   'aria-checked'?: boolean;
   'aria-disabled'?: boolean;
   hidden?: boolean;
+  'aria-hidden'?: boolean;
 
   style?: CSSProperties;
 }
@@ -138,6 +139,7 @@ export function useOption<TOption>(_props: Reactivify<OptionProps<TOption>>, ele
 
     if (isHidden.value) {
       domProps.hidden = true;
+      domProps['aria-hidden'] = true;
       domProps.style = {
         display: 'none',
       };

diff --git a/packages/playground/src/components/ComboBox.vue b/packages/playground/src/components/ComboBox.vue
@@ -10,7 +10,7 @@ const props = defineProps<Props>();
 
 const { contains } = useDefaultFilter({
   caseSensitive: false,
-  debounceMs: 200,
+  debounceMs: 300,
 });
 
 const { inputProps, listBoxProps, labelProps, buttonProps, errorMessageProps, errorMessage, descriptionProps } =