monkeynaleo
/
frontend
forked from vikunja/frontend
1
0
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

Move focus directive to seperate file

This commit is contained in:
kolaente 2020-11-02 21:52:07 +01:00
parent 97aca96e7e
commit 7343e98a26
Signed by untrusted user: konrad
GPG Key ID: F40E70337AB24C9B
2 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/directives/focus.js Normal file
View File

@ -0,0 +1,12 @@
export default {
// When the bound element is inserted into the DOM...
inserted: (el, {modifiers}) => {
// Focus the element only if the viewport is big enough
// auto focusing elements on mobile can be annoying since in these cases the
// keyboard always pops up and takes half of the available space on the screen.
// The threshhold is the same as the breakpoints in css.
if (window.innerWidth > 769 || (typeof modifiers.always !== 'undefined' && modifiers.always)) {
el.focus()
}
},
}

15
src/main.js
View File

@ -144,19 +144,8 @@ Vue.use(VTooltip, {defaultHtml: false})
Vue.use(vueShortkey)
// Set focus
Vue.directive('focus', {
// When the bound element is inserted into the DOM...
inserted: (el, {modifiers}) => {
// Focus the element only if the viewport is big enough
// auto focusing elements on mobile can be annoying since in these cases the
// keyboard always pops up and takes half of the available space on the screen.
// The threshhold is the same as the breakpoints in css.
if (window.innerWidth > 769 || (typeof modifiers.always !== 'undefined' && modifiers.always)) {
el.focus()
}
},
})
import focus from '@/directives/focus'
Vue.directive('focus', focus)
Vue.mixin({
methods: {