Merge pull request #6235 from qburst/master

fix: primefaces #6234, TreeSelect: (accessiblility) cannot access and clear the selected input using using keyboard
primefaces · Apr 29, 2024 · 0d95f72 · 0d95f72
2 parents d40ad85 + 4e7a63f
commit 0d95f72
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/components/lib/treeselect/TreeSelect.js b/components/lib/treeselect/TreeSelect.js
@@ -146,6 +146,13 @@ export const TreeSelect = React.memo(
             }
         };
 
+        const onClearIconKeyDown = (event) => {
+            if (event.key === 'Enter' || event.code === 'Space') {
+                clear(event);
+                event.preventDefault();
+            }
+        };
+
         const onNodeSelect = (node) => {
             props.onNodeSelect && props.onNodeSelect(node);
             isSingleSelectionMode && hide();
@@ -628,7 +635,10 @@ export const TreeSelect = React.memo(
                 const clearIconProps = mergeProps(
                     {
                         className: cx('clearIcon'),
-                        onPointerUp: clear
+                        onPointerUp: clear,
+                        tabIndex: props.tabIndex || '0',
+                        onKeyDown: onClearIconKeyDown,
+                        'aria-label': localeOption('clear')
                     },
                     ptm('clearIcon')
                 );