fix(Dropdown): accessibility problem (screen readers)(Semantic-Org#1834)

Sole-Valero · Jul 5, 2017 · 11581c6 · 11581c6
1 parent c194992
commit 11581c6
Showing 1 changed file with 7 additions and 2 deletions.
diff --git a/src/modules/Dropdown/Dropdown.js b/src/modules/Dropdown/Dropdown.js
@@ -1047,8 +1047,13 @@ export default class Dropdown extends Component {
     } else if (hasValue) {
       _text = _.get(this.getItemByValue(value), 'text')
     }
-
-    return <div className={classes}>{_text}</div>
+    let finalRenderedText = null
+    if (classes === 'text') {
+      finalRenderedText = <div className={classes} role='alert' aria-live='polite'>{_text}</div>
+    } else {
+      finalRenderedText = <div className={classes}>{_text}</div>
+    }
+    return finalRenderedText
   }
 
   renderSearchInput = () => {