r/p5.js-web-editor
1
0
Fork 0
Code Issues 1 Pull requests Releases 1 Wiki Activity

fix aria-live bug in FF

Browse source
This commit is contained in:
MathuraMG 2016-08-11 20:26:14 -04:00
parent 4776dcf48f
commit 0f9bf4a999
3 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
client/modules/IDE/components/Editor.js
View file

@ -47,7 +47,6 @@ class Editor extends React.Component {
this.beep.play(); this.beep.play();
} }
}) })
} }
}); });
this._cm.on('change', debounce(200, () => { this._cm.on('change', debounce(200, () => {

2
client/modules/IDE/components/EditorAccessibility.js
View file

@ -27,7 +27,7 @@ class EditorAccessibility extends React.Component {
{messages} {messages}
</ul> </ul>
<p> Current line <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> </p>
</div> </div>
); );

2
client/modules/IDE/components/Preferences.js
View file

@ -90,6 +90,7 @@ class Preferences extends React.Component {
className="preference__value" className="preference__value"
aria-live="status" aria-live="status"
aria-live="polite" aria-live="polite"
aria-atomic="true"
role="status" role="status"
value={this.props.fontSize} value={this.props.fontSize}
onChange={this.handleUpdateFont} onChange={this.handleUpdateFont}
@ -119,6 +120,7 @@ class Preferences extends React.Component {
className="preference__value" className="preference__value"
aria-live="status" aria-live="status"
aria-live="polite" aria-live="polite"
aria-atomic="true"
role="status" role="status"
value={this.props.indentationAmount} value={this.props.indentationAmount}
onChange={this.handleUpdateIndentation} onChange={this.handleUpdateIndentation}