-
-
Notifications
You must be signed in to change notification settings - Fork 8.2k
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
Style-vars-2 v-bind feature issue when using transition and v-if #3894
Comments
as a workaround: <template>
+ <div style="display:none">{{isDisplayed}}</div>
<transition>
<div v-if="isDisplayed" class="bloc">
[CompositionAPI]
{{ isDeferred ? "deferred" : "not deferred" }}
</div>
</transition>
</template> The root cause is With Options API also not working. see https://codesandbox.io/s/vue3-style-vars-2-issue-v-if-style-vars-binding-inside-transition-forked-hum9u?file=/src/OptionsStyle.vue:152-162 |
Fixed via 6ed23f6 (will be out in 3.2) |
…lements change Now uses MutationObserver to ensure it works even for HOCs fix #3894
Version
3.1.0-beta.7
Reproduction link
https://codesandbox.io/s/vue3-style-vars-2-issue-v-if-style-vars-binding-inside-transition-4qtf1
Steps to reproduce
Create the following component:
The transition content will be displayed one second after the component was created.
What is expected?
The HTML node (transition child) should contain the style variables.
What is actually happening?
The HTML node (transition child) doesn't contain the style variables so the component is not well displayed.
It doesn't work either with OptionAPI, neither with CompositionAPI.
DOM inspection:
The text was updated successfully, but these errors were encountered: