Fix primefaces#2128: RowEditor button names for accessibility (primef…

…aces#2791)
melloware · Apr 27, 2022 · 27cf6c7 · 27cf6c7
1 parent 26cf672
commit 27cf6c7
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/components/lib/datatable/BodyCell.js b/components/lib/datatable/BodyCell.js
@@ -555,11 +555,11 @@ export const BodyCell = React.memo((props) => {
 
                 content = (
                     <>
-                        <button type="button" onClick={rowEditorProps.onSaveClick} className={rowEditorProps.saveClassName} tabIndex={props.tabIndex}>
+                        <button type="button" name="row-save" onClick={rowEditorProps.onSaveClick} className={rowEditorProps.saveClassName} tabIndex={props.tabIndex}>
                             <span className={rowEditorProps.saveIconClassName}></span>
                             <Ripple />
                         </button>
-                        <button type="button" onClick={rowEditorProps.onCancelClick} className={rowEditorProps.cancelClassName} tabIndex={props.tabIndex}>
+                        <button type="button" name="row-cancel" onClick={rowEditorProps.onCancelClick} className={rowEditorProps.cancelClassName} tabIndex={props.tabIndex}>
                             <span className={rowEditorProps.cancelIconClassName}></span>
                             <Ripple />
                         </button>
@@ -575,7 +575,7 @@ export const BodyCell = React.memo((props) => {
                 };
 
                 content = (
-                    <button type="button" onClick={rowEditorProps.onInitClick} className={rowEditorProps.initClassName} tabIndex={props.tabIndex}>
+                    <button type="button" name="row-edit" onClick={rowEditorProps.onInitClick} className={rowEditorProps.initClassName} tabIndex={props.tabIndex}>
                         <span className={rowEditorProps.initIconClassName}></span>
                         <Ripple />
                     </button>