diff --git a/src/InfoButton.vue b/src/InfoButton.vue index e33808e..1a8cacd 100644 --- a/src/InfoButton.vue +++ b/src/InfoButton.vue @@ -3,13 +3,26 @@
- mdi-close + + mdi-close +
{{ helpText }} @@ -46,7 +59,15 @@ export default defineComponent({ dialogVisible: false, tooltipTextValue: this.tooltipText ?? (this.showTooltip ? 'Learn More' : undefined), }; - } + }, + + methods: { + handleKeydown(event: KeyboardEvent) { + if (event.key === 'Enter') { + this.dialogVisible = !this.dialogVisible; + } + }, + }, }); diff --git a/src/TempoLite.vue b/src/TempoLite.vue index c558c0a..2b414b1 100644 --- a/src/TempoLite.vue +++ b/src/TempoLite.vue @@ -1881,7 +1881,7 @@ i.mdi-menu-down { } // From Sara Soueidan (https://www.sarasoueidan.com/blog/focus-indicators/) & Erik Kroes (https://www.erikkroes.nl/blog/the-universal-focus-state/) -:focus-visible, +:focus-visible:not(.v-field__input input), button:focus-visible, .focus-visible, .v-selection-control--focus-visible .v-selection-control__input {