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

switch focus to section

This commit is contained in:
MathuraMG 2016-08-24 13:30:50 -04:00
parent abe9ac4d5a
commit 76492cec6f
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
client/modules/IDE/components/SketchList.js
View File

@ -11,15 +11,15 @@ const exitUrl = require('../../../images/exit.svg');
class SketchList extends React.Component { class SketchList extends React.Component {
componentDidMount() { componentDidMount() {
this.props.getProjects(this.props.username); this.props.getProjects(this.props.username);
document.getElementById('sketchlistbutton').focus(); document.getElementById('sketchlist').focus();
} }
render() { render() {
return ( return (
<div className="sketch-list"> <section className="sketch-list" aria-label="project list" tabIndex="0" role="main" id="sketchlist">
<header className="sketch-list__header"> <header className="sketch-list__header">
<h2>Sketches</h2> <h2>Sketches</h2>
<button className="sketch-list__exit-button" onClick={this.props.closeSketchList} id="sketchlistbutton"> <button className="sketch-list__exit-button" onClick={this.props.closeSketchList}>
<InlineSVG src={exitUrl} alt="Close Sketch List Overlay" /> <InlineSVG src={exitUrl} alt="Close Sketch List Overlay" />
</button> </button>
</header> </header>
@ -43,7 +43,7 @@ class SketchList extends React.Component {
</tbody> </tbody>
</table> </table>
</div> </div>
</div> </section>
); );
} }
} }