add on focus
This commit is contained in:
parent
de62acdaaa
commit
abe9ac4d5a
2 changed files with 4 additions and 3 deletions
|
@ -11,6 +11,7 @@ const exitUrl = require('../../../images/exit.svg');
|
|||
class SketchList extends React.Component {
|
||||
componentDidMount() {
|
||||
this.props.getProjects(this.props.username);
|
||||
document.getElementById('sketchlistbutton').focus();
|
||||
}
|
||||
|
||||
render() {
|
||||
|
@ -18,7 +19,7 @@ class SketchList extends React.Component {
|
|||
<div className="sketch-list">
|
||||
<header className="sketch-list__header">
|
||||
<h2>Sketches</h2>
|
||||
<button className="sketch-list__exit-button" onClick={this.props.closeSketchList}>
|
||||
<button className="sketch-list__exit-button" onClick={this.props.closeSketchList} id="sketchlistbutton">
|
||||
<InlineSVG src={exitUrl} alt="Close Sketch List Overlay" />
|
||||
</button>
|
||||
</header>
|
||||
|
|
|
@ -17,14 +17,14 @@ class TextOutput extends React.Component {
|
|||
</section>
|
||||
<p
|
||||
tabIndex="0"
|
||||
role="region"
|
||||
role="main"
|
||||
id="textOutput-content-summary"
|
||||
aria-label="text output summary"
|
||||
>
|
||||
</p>
|
||||
<table
|
||||
tabIndex="0"
|
||||
role="region"
|
||||
role="main"
|
||||
id="textOutput-content-details"
|
||||
aria-label="text output summary details"
|
||||
>
|
||||
|
|
Loading…
Reference in a new issue