fix aria-live bug in FF
This commit is contained in:
parent
4776dcf48f
commit
0f9bf4a999
3 changed files with 4 additions and 3 deletions
|
@ -47,7 +47,6 @@ class Editor extends React.Component {
|
|||
this.beep.play();
|
||||
}
|
||||
})
|
||||
|
||||
}
|
||||
});
|
||||
this._cm.on('change', debounce(200, () => {
|
||||
|
|
|
@ -27,7 +27,7 @@ class EditorAccessibility extends React.Component {
|
|||
{messages}
|
||||
</ul>
|
||||
<p> Current line
|
||||
<span className="editor-linenumber" aria-live="polite" id="current-line"> {this.props.lineNo} </span>
|
||||
<span className="editor-linenumber" aria-live="polite" aria-atomic="true" id="current-line"> {this.props.lineNo} </span>
|
||||
</p>
|
||||
</div>
|
||||
);
|
||||
|
|
|
@ -90,6 +90,7 @@ class Preferences extends React.Component {
|
|||
className="preference__value"
|
||||
aria-live="status"
|
||||
aria-live="polite"
|
||||
aria-atomic="true"
|
||||
role="status"
|
||||
value={this.props.fontSize}
|
||||
onChange={this.handleUpdateFont}
|
||||
|
@ -119,6 +120,7 @@ class Preferences extends React.Component {
|
|||
className="preference__value"
|
||||
aria-live="status"
|
||||
aria-live="polite"
|
||||
aria-atomic="true"
|
||||
role="status"
|
||||
value={this.props.indentationAmount}
|
||||
onChange={this.handleUpdateIndentation}
|
||||
|
|
Loading…
Reference in a new issue