Vue.js Focus Lock Component

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.

Preview:

Vue.js Focus Lock Component

Changelog:

v2.0.5 (02/22/2023)

  • Bugfix

v2.0.4 (02/21/2023)

  • Update

v2.0.3 (02/20/2023)

  • Bugfix

v2.0.2 (02/16/2023)

  • Bugfix

v2.0.1 (01/27/2023)

  • Bugfix

v2.0.0 (12/19/2021)

  • Use vue-demi to support Vue 2 and Vue 3

v1.4.1 (02/21/2021)

  • Made the “invisible divs” aria hidden

Download Details:

Author: theKashey

Live Demo: https://codesandbox.io/s/l5qlpxqvnq

Download Link: https://github.com/theKashey/vue-focus-lock/archive/master.zip

Official Website: https://github.com/theKashey/vue-focus-lock

Install & Download:

# Yarn
$ yarn add vue-focus-lock

# NPM
$ npm install vue-focus-lock --save

Add Comment