fix: cannot read properties of null (reading 'nextSibling') (#6667)

This commit is contained in:
LinaBell
2025-08-21 22:26:10 +08:00
committed by GitHub
parent ffaf85c8f3
commit cf6c4c9aae
2 changed files with 6 additions and 11 deletions

View File

@@ -8,12 +8,7 @@ import { computed, ref } from 'vue';
import { cn } from '@vben-core/shared/utils'; import { cn } from '@vben-core/shared/utils';
import { X } from 'lucide-vue-next'; import { X } from 'lucide-vue-next';
import { import { DialogClose, DialogContent, useForwardPropsEmits } from 'radix-vue';
DialogClose,
DialogContent,
DialogPortal,
useForwardPropsEmits,
} from 'radix-vue';
import DialogOverlay from './DialogOverlay.vue'; import DialogOverlay from './DialogOverlay.vue';
@@ -87,7 +82,7 @@ defineExpose({
</script> </script>
<template> <template>
<DialogPortal :to="appendTo"> <Teleport :to="appendTo">
<Transition name="fade"> <Transition name="fade">
<DialogOverlay <DialogOverlay
v-if="open && modal" v-if="open && modal"
@@ -132,5 +127,5 @@ defineExpose({
<X class="h-4 w-4" /> <X class="h-4 w-4" />
</DialogClose> </DialogClose>
</DialogContent> </DialogContent>
</DialogPortal> </Teleport>
</template> </template>

View File

@@ -7,7 +7,7 @@ import { computed, ref } from 'vue';
import { cn } from '@vben-core/shared/utils'; import { cn } from '@vben-core/shared/utils';
import { DialogContent, DialogPortal, useForwardPropsEmits } from 'radix-vue'; import { DialogContent, useForwardPropsEmits } from 'radix-vue';
import { sheetVariants } from './sheet'; import { sheetVariants } from './sheet';
import SheetOverlay from './SheetOverlay.vue'; import SheetOverlay from './SheetOverlay.vue';
@@ -73,7 +73,7 @@ function onAnimationEnd(event: AnimationEvent) {
</script> </script>
<template> <template>
<DialogPortal :to="appendTo"> <Teleport :to="appendTo">
<Transition name="fade"> <Transition name="fade">
<SheetOverlay <SheetOverlay
v-if="open && modal" v-if="open && modal"
@@ -103,5 +103,5 @@ function onAnimationEnd(event: AnimationEvent) {
<Cross2Icon class="h-5 w-" /> <Cross2Icon class="h-5 w-" />
</DialogClose> --> </DialogClose> -->
</DialogContent> </DialogContent>
</DialogPortal> </Teleport>
</template> </template>