Improve document focus control (#1167)

* Improve styles for #content-scroll-focus

* Create new class to manage and control document focus

* Use new focus class

* Add a check to prevent redundant .blur calls

1 files changed, 5 insertions, 1 deletions

diff --git a/ext/fg/js/float-main.js b/ext/fg/js/float-main.js
index a8554867..aee736a2 100644
--- a/ext/fg/js/float-main.js
+++ b/ext/fg/js/float-main.js
@@ -17,17 +17,21 @@
 
 /* global
  * Display
+ * DocumentFocusController
  * JapaneseUtil
  * api
  */
 
 (async () => {
     try {
+        const documentFocusController = new DocumentFocusController();
+        documentFocusController.prepare();
+
         api.forwardLogsToBackend();
         await yomichan.backendReady();
 
         const japaneseUtil = new JapaneseUtil(null);
-        const display = new Display('popup', japaneseUtil);
+        const display = new Display('popup', japaneseUtil, documentFocusController);
         await display.prepare();
         display.initializeState();