Fix primefaces#5446: MultiSelect ARIA roles

melloware · Feb 16, 2024 · d4a3b5b · d4a3b5b
1 parent 9c9653f
commit d4a3b5b
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/components/lib/multiselect/MultiSelect.js b/components/lib/multiselect/MultiSelect.js
@@ -1043,7 +1043,7 @@ export const MultiSelect = React.memo(
                 onFocus: onFocus,
                 onBlur: onBlur,
                 onKeyDown: onKeyDown,
-                role: 'listbox',
+                role: 'combobox',
                 'aria-expanded': overlayVisibleState,
                 disabled: props.disabled,
                 tabIndex: !props.disabled ? props.tabIndex : -1,

diff --git a/components/lib/multiselect/MultiSelectHeader.js b/components/lib/multiselect/MultiSelectHeader.js
@@ -69,7 +69,7 @@ export const MultiSelectHeader = React.memo((props) => {
                     <InputText
                         ref={props.filterRef}
                         type="text"
-                        role="textbox"
+                        role="searchbox"
                         value={props.filterValue}
                         onChange={onFilter}
                         className="p-multiselect-filter"