zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

feat: add component to enable scroll-into view (#451)

Browse source
This commit is contained in:
wheat 2022-12-17 17:15:41 -05:00 • committed by GitHub
parent c1d1138742
commit a18e5e2332
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 26 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

17
components/common/CommonScrollIntoView.vue Normal file
View file

@ -0,0 +1,17 @@
<script setup lang="ts">
const { as = 'div', active } = defineProps<{ as: any; active: boolean }>()
const el = ref()
watch(() => active, (active) => {
const _el = unrefElement(el)
if (active && _el)
_el.scrollIntoView({ block: 'nearest', inline: 'start' })
})
</script>
<template>
<component :is="as" ref="el">
<slot />
</component>
</template>