ODWRTW/canape
2
2
Fork 0
Code Issues 3 Pull Requests 1 Releases Activity

Autofocus on the poster list

Browse Source
This commit is contained in:
Lucas BEE 2018-08-23 18:45:22 +08:00
parent 8e96d5e7ed
commit c206336c7b
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
frontend/js/components/list/posters.js
View File

@ -116,6 +116,14 @@ export default class ListPosters extends React.PureComponent {
class Posters extends React.PureComponent { class Posters extends React.PureComponent {
constructor(props) { constructor(props) {
super(props); super(props);
this.posterRef = React.createRef();
}
componentDidUpdate() {
// Always focus on the poster list
if (this.posterRef.current != null) {
this.posterRef.current.focus();
}
} }
move(event) { move(event) {
@ -177,6 +185,7 @@ class Posters extends React.PureComponent {
return ( return (
<div tabIndex="0" <div tabIndex="0"
ref={this.posterRef}
onKeyDown={(event) => this.move(event)} onKeyDown={(event) => this.move(event)}
className="poster-list" className="poster-list"
> >