From c206336c7b54f0855526991d13443b1b79c469f4 Mon Sep 17 00:00:00 2001
From: Lucas BEE <pouulet@gmail.com>
Date: Thu, 23 Aug 2018 18:45:22 +0800
Subject: [PATCH] Autofocus on the poster list

---
 frontend/js/components/list/posters.js | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/frontend/js/components/list/posters.js b/frontend/js/components/list/posters.js
index 74c3cdb..9914eed 100644
--- a/frontend/js/components/list/posters.js
+++ b/frontend/js/components/list/posters.js
@@ -116,6 +116,14 @@ export default class ListPosters extends React.PureComponent {
 class Posters extends React.PureComponent {
   constructor(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) {
@@ -177,6 +185,7 @@ class Posters extends React.PureComponent {
 
     return (
       <div tabIndex="0"
+          ref={this.posterRef}
           onKeyDown={(event) => this.move(event)}
           className="poster-list"
         >