fix(combo-box): added arialabel to input field (carbon-design-system#668

)
joshblack · Mar 2, 2018 · 3ba8b6d · 3ba8b6d
1 parent 6155916
commit 3ba8b6d
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/ComboBox/ComboBox.js b/src/components/ComboBox/ComboBox.js
@@ -85,6 +85,7 @@ export default class ComboBox extends React.Component {
     itemToString: defaultItemToString,
     shouldFilterItem: defaultShouldFilterItem,
     type: 'default',
+    ariaLabel: 'ListBox input field',
   };
 
   constructor(props) {
@@ -135,6 +136,7 @@ export default class ComboBox extends React.Component {
       itemToString,
       placeholder,
       initialSelectedItem,
+      ariaLabel,
     } = this.props;
     const className = cx('bx--combo-box', containerClassName);
     return (
@@ -162,6 +164,7 @@ export default class ComboBox extends React.Component {
             <ListBox.Field {...getButtonProps({ disabled })}>
               <input
                 className="bx--text-input"
+                aria-label={ariaLabel}
                 {...getInputProps({
                   disabled,
                   id,