local-it/vikunja-frontend
0
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Move focus directive to seperate file

Browse source
This commit is contained in:
kolaente 2020-11-02 21:52:07 +01:00
parent 97aca96e7e
commit 7343e98a26
No known key found for this signature in database
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: {