ti/hereconnect
1
0
Fork 0
Code Issues 26 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

improvement scroll to section & focus in create
Deploy app frontend / app frontend (push) Successful in 1m36s
Details

Browse Source
This commit is contained in:
Vasilii Mikhailovskii
2024-12-09 09:51:04 +02:00
parent 674439646e
commit 7d49c3e8bc
1 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/frontend/src/components/create/CreateSection.vue
+4 -3
View File
@@ -16,13 +16,14 @@ watch(
() => sectionRef.value && props.isNextActiveSection, () => sectionRef.value && props.isNextActiveSection,
(isNextActiveSection) => { (isNextActiveSection) => {
if (isNextActiveSection) { if (isNextActiveSection) {
sectionRef.value?.scrollIntoView({ behavior: 'smooth', block: 'center' }) const isSM = window.matchMedia('(min-width: 640px)').matches
sectionRef.value?.scrollIntoView({ behavior: 'smooth', block: isSM ? 'center' : 'start' })
const input = sectionRef.value?.querySelector('input[type="text"]') const input = sectionRef.value?.querySelector('input[type="text"][value=""]')
if (input instanceof HTMLInputElement) { if (input instanceof HTMLInputElement) {
setTimeout(() => { setTimeout(() => {
input.focus() input.focus()
}, 200) }, 400)
} }
} }
}, },