switch focus to section
This commit is contained in:
parent
abe9ac4d5a
commit
76492cec6f
1 changed files with 4 additions and 4 deletions
|
@ -11,15 +11,15 @@ const exitUrl = require('../../../images/exit.svg');
|
|||
class SketchList extends React.Component {
|
||||
componentDidMount() {
|
||||
this.props.getProjects(this.props.username);
|
||||
document.getElementById('sketchlistbutton').focus();
|
||||
document.getElementById('sketchlist').focus();
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div className="sketch-list">
|
||||
<section className="sketch-list" aria-label="project list" tabIndex="0" role="main" id="sketchlist">
|
||||
<header className="sketch-list__header">
|
||||
<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" />
|
||||
</button>
|
||||
</header>
|
||||
|
@ -43,7 +43,7 @@ class SketchList extends React.Component {
|
|||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue