make focus visible for prompt

FreeTubeApp · Oct 11, 2022 · 7ff59cb · 7ff59cb
1 parent 0841bf3
commit 7ff59cb
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 7 deletions.
diff --git a/src/renderer/components/ft-list-dropdown/ft-list-dropdown.vue b/src/renderer/components/ft-list-dropdown/ft-list-dropdown.vue
@@ -5,7 +5,7 @@
       class="buttonTitle"
       tabindex="0"
       role="listbox"
-      @keypress="handleIconKeyPress($event)"
+      @keydown="handleIconKeyPress($event)"
     >
       {{ title }}
       <font-awesome-icon

diff --git a/src/renderer/components/ft-prompt/ft-prompt.js b/src/renderer/components/ft-prompt/ft-prompt.js
@@ -27,15 +27,10 @@ export default Vue.extend({
     optionValues: {
       type: Array,
       default: () => { return [] }
-
     }
   },
   mounted: function () {
-    setTimeout(() => {
-      document.querySelector('.prompt')
-        .querySelectorAll('button')[0]
-        .focus()
-    })
+    document.querySelector('.prompt button').focus({ focusVisible: true })
   },
   methods: {
     removeWhitespace,

diff --git a/src/renderer/components/ft-select/ft-select.js b/src/renderer/components/ft-select/ft-select.js
@@ -1,6 +1,7 @@
 import Vue from 'vue'
 import FtTooltip from '../ft-tooltip/ft-tooltip.vue'
 import { removeWhitespace } from '../../helpers/accessibility'
+
 export default Vue.extend({
   name: 'FtSelect',
   components: {