arthur/ui
1
0
Fork 0
mirror of https://github.com/ArthurDanjou/ui.git synced 2026-01-14 12:14:41 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(Toast): calc height on next tick

Browse Source 
Resolves #4265
This commit is contained in:
Benjamin Canac
2025-06-05 12:13:35 +02:00
parent d37315cc83
commit 3bf5acb683
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/runtime/components/Toast.vue
View File

@@ -69,7 +69,7 @@ export interface ToastSlots {
</script> </script>
<script setup lang="ts"> <script setup lang="ts">
import { ref, computed, onMounted } from 'vue' import { ref, computed, onMounted, nextTick } from 'vue'
import { ToastRoot, ToastTitle, ToastDescription, ToastAction, ToastClose, useForwardPropsEmits } from 'reka-ui' import { ToastRoot, ToastTitle, ToastDescription, ToastAction, ToastClose, useForwardPropsEmits } from 'reka-ui'
import { reactivePick } from '@vueuse/core' import { reactivePick } from '@vueuse/core'
import { useAppConfig } from '#imports' import { useAppConfig } from '#imports'
@@ -106,9 +106,9 @@ onMounted(() => {
return return
} }
setTimeout(() => { nextTick(() => {
height.value = el.value.$el.getBoundingClientRect()?.height height.value = el.value?.$el?.getBoundingClientRect()?.height
}, 0) })
}) })
defineExpose({ defineExpose({