css v-bind doesn't work when using <Teleport>
Vue version
3.2.37
Link to minimal reproduction
Steps to reproduce
If I use vue's component and v-bind a css property, the css-variable is not created on the element. Resulting in the correct background color not being applied.
What is expected?
The background color is red when using vue teleport
What is actually happening?
the background color is not applied
System Info
System:
OS: Windows 10 10.0.19044
CPU: (6) x64 Intel(R) Core(TM) i5-8500 CPU @ 3.00GHz
Memory: 5.53 GB / 15.81 GB
Binaries:
Node: 16.13.2 - C:\Program Files\nodejs\node.EXE
Yarn: 1.22.17 - ~\AppData\Roaming\npm\node_modules\yarn\bin\yarn.CMD
npm: 8.1.2 - C:\Program Files\nodejs\npm.CMD
Browsers:
Chrome: 103.0.5060.114
Edge: Spartan (44.19041.1266.0), Chromium (103.0.1264.62)
Internet Explorer: 11.0.19041.1566
npmPackages:
vue: ^3.2.37 => 3.2.37
Any additional comments?
No response
duplicated of https://github.com/vuejs/core/issues/4605