The Vue.js Focus Lock Component got your focus and will not let him out.
This is a small, but very useful for:
- Modal dialogs. You can not leave it with “Tab”, ie tab-out.
- Focused tasks. It will always bring you back.
- Use vue-demi to support Vue 2 and Vue 3
- Made the “invisible divs” aria hidden
Live Demo: https://codesandbox.io/s/l5qlpxqvnq
Official Website: https://github.com/theKashey/vue-focus-lock
Install & Download:
# Yarn $ yarn add vue-focus-lock # NPM $ npm install vue-focus-lock --save