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.

Sign up for GitHub

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

Jump to bottom

style vars doesn't work with wrapped teleport #11022

Open
Rusinas opened this issue May 27, 2024 · 0 comments · May be fixed by #11023
Open

style vars doesn't work with wrapped teleport #11022

Rusinas opened this issue May 27, 2024 · 0 comments · May be fixed by #11023
Labels
🐞 bug Something isn't working scope: teleport

Comments

@Rusinas
Copy link

Rusinas commented May 27, 2024

Vue version

3.4.27

Link to minimal reproduction

https://play.vuejs.org/#eNp9U01PwzAM/Sshl4I0ugOcxoY00CRACBBM4pJL13pbR5pUiTs2Tf3vOOnHPph6i/2enWfnZcfHeR6uC+ADPrSxSXNkFrDI74VKs1wbZGOlcQlmChJ8PDc6Y0HYP8m7JsFdW7VjBuasrNkOE0qoWCuLLLMLNnL4ZfAEUmr2rY1MLoKrPSXWUhsiBTaSmVZUPOxX8kgYBQhZLiMEihgbnkjxSUon6ZrFMrJ2JLhvKHgNsWYqhnVNXdKnmqrn6XxVtt0Camo608m27dl53auOI9lx2dEtbtiDASm0uJXuGFZ72TmWPw7Y+nqWquQy8KFbYel35Qt4j6Olhc7TRbiyWtEj+1KnL8tTCeY9x5QWLvigauqwiJ7k98Xn0BTQa/LxEuKfM/mV3bic4B8GLJg1CN5iGJkFYAVPvt5gQ+cWzHRSSGJ3gJ9gtSycxor2UKiEZB/wvNpnb7pULaZ2skFQthnKCXXM0vMFJyM+doy+l3sT3vo62idt8YzX/32YLoM2D93tIEKt1Mj6DffYFo1fjszByz+FckIY

Steps to reproduce

Previous issue has been fixed for the content in 'local' teleports, but when teleport is located inside another component, v-bind won't work.

Repro portraits the problem perfectly

What is expected?

Styles applied correctly

What is actually happening?

Styles does not apply

System Info

No response

Any additional comments?

No response
@edison1105 edison1105 added 🐞 bug Something isn't working scope: teleport labels May 27, 2024
@linzhe141 linzhe141 linked a pull request May 27, 2024 that will close this issue
Open
@edison1105 edison1105 mentioned this issue Oct 15, 2024
Closed
@edison1105 edison1105 changed the title v-bind() in CSS + Teleport doesn't work (another edge case) style vars doesn't work with wrapped teleport Oct 15, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
🐞 bug Something isn't working scope: teleport
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

fix(Teleport): nested teleport should use parent css vars linzhe141/vue3-core-fork
2 participants
@edison1105 @Rusinas