Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[React In Vue] Vue 的 Transition 动画组件中,使用的 React 组件离开动画会失效 #151

Open
baijunjie opened this issue Nov 18, 2024 · 1 comment
Assignees
Labels
bug Something isn't working

Comments

@baijunjie
Copy link

Vue 的 Transition 组件动画,在使用 v-if 控制显示时,返回 false 的元素不会立即移除,而是运行一段动画后再移除。
https://cn.vuejs.org/guide/built-ins/transition.html#transition

但是在 Transition 组件中使用 React 组件时,React 组件会立即被移除,离开动画会失效,但是进入动画是有效的。
不清楚这个问题是否好处理?🙏🏻

以下是一个最小重现的Demo
https://codesandbox.io/p/devbox/vue3-veaury-nextui-org-react-3r7tsw

@devilwjp
Copy link
Collaborator

devilwjp commented Nov 18, 2024

@baijunjie
我看了下,在点击test的瞬间,veaury创建的button元素已经从节点上移除了,这个可能是veaury内部没有处理好或者是没有考虑transition的情况,大概率可以修复,但是优先级不高

@devilwjp devilwjp self-assigned this Nov 18, 2024
@devilwjp devilwjp added the bug Something isn't working label Nov 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

When branches are created from issues, their pull requests are automatically linked.

2 participants