Vue version

3.3.4 (latest)

Link to minimal reproduction

https://q8s5xk.csb.app/

Steps to reproduce

i have to router and object props props has click event to child components child components also have teleport component

<teleport to="#app">
      <div class="teleport">move</div>
</teleport>

teleport to app occured error change to Fields('#app') to another class(ex: '.container'), it works

What is expected?

teleport to div tag with id 'app'

What is actually happening?

but it has error loop

System Info

No response

Any additional comments?

No response

- <teleport to="#app">
+ <Teleport to="body">
// or
+ <Teleport to="#foo">

- <teleport to="#app">
+ <Teleport to="body">
// or
+ <Teleport to="#foo">

If I change the class name, I know it works

but #app doesn't work is a vue bug. so I think add caution in docs or fix this bug

@edison1105 is this bug fixed？

@yangtoude Not yet. the PR is still open.