Fixed #1796 - InplaceDisplay has no ariaLabel property

primefaces · Feb 3, 2021 · b9810a2 · b9810a2
1 parent 91dad79
commit b9810a2
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/inplace/Inplace.d.ts b/src/components/inplace/Inplace.d.ts
@@ -7,6 +7,7 @@ interface InplaceProps {
     closable?: boolean;
     disabled?: boolean;
     tabIndex?: number;
+    ariaLabel?: string;
     onOpen?(event: Event): void;
     onClose?(event: Event): void;
     onToggle?(e:{originalEvent: Event, value: boolean}): void;

diff --git a/src/components/inplace/Inplace.js b/src/components/inplace/Inplace.js
@@ -28,6 +28,7 @@ export class Inplace extends Component {
         closable: false,
         disabled: false,
         tabIndex: 0,
+        ariaLabel: null,
         onOpen: null,
         onClose: null,
         onToggle: null
@@ -40,6 +41,7 @@ export class Inplace extends Component {
         closable: PropTypes.bool,
         disabled: PropTypes.bool,
         tabIndex: PropTypes.number,
+        ariaLabel: PropTypes.string,
         onOpen: PropTypes.func,
         onClose: PropTypes.func,
         onToggle: PropTypes.func,
@@ -112,7 +114,7 @@ export class Inplace extends Component {
         const className = classNames('p-inplace-display', {'p-disabled': this.props.disabled});
 
         return (
-            <div className={className} onClick={this.open} onKeyDown={this.onDisplayKeyDown} tabIndex={this.props.tabIndex} >
+            <div className={className} onClick={this.open} onKeyDown={this.onDisplayKeyDown} tabIndex={this.props.tabIndex} aria-label={this.props.ariaLabel}>
                 {content}
             </div>
         );