fix focus issue

Sneezry · Sneezry · commit 033d0e163a6c · 2021-09-16T02:19:16.000+08:00
diff --git a/src/components/Popup/MainBody.vue b/src/components/Popup/MainBody.vue
@@ -69,9 +69,6 @@ export default Vue.extend({
     };
   },
   computed,
-  mounted: function () {
-    document.querySelector<HTMLLinkElement>(".entry[tabindex='0']")?.focus();
-  },
   methods: {
     isMatchedEntry(entry: OTPEntry) {
       for (const hash of this.$store.getters["accounts/matchedEntries"]) {
diff --git a/src/popup.ts b/src/popup.ts
@@ -71,6 +71,9 @@ async function init() {
     }
   }
 
+  // Auto focus on first entry
+  document.querySelector<HTMLAnchorElement>("a.entry[tabindex='0']")?.focus();
+
   // Set document title
   try {
     document.title = instance.i18n.extName;

Original file line number	Diff line number	Diff line change
`@@ -71,6 +71,9 @@ async function init() {`
`71`	`71`	`}`
`72`	`72`	`}`
`73`	`73`
	`74`	`+ // Auto focus on first entry`
	`75`	`+ document.querySelector<HTMLAnchorElement>("a.entry[tabindex='0']")?.focus();`
	`76`	`+`
`74`	`77`	`// Set document title`
`75`	`78`	`try {`
`76`	`79`	`document.title = instance.i18n.extName;`