Teleport to wrong document when render in a popup window opened by window.open

[wanghanzhen]

Vue version

latest

Link to minimal reproduction

https://play.vuejs.org/#eNp9U01vGyEQ/SuUC2vJWh9yc+2obWSp7aGN2ki5cFkvY4eYBcSH7cjyf+8A8e42iXzYFcy89xhmHif61dp6H4HO6cK3TtpAPIRob7mWnTUukBNxsJmS1kETANHkTDbOdIQhi/WoB/DhNV7P0iaJYprr1mhMdX5LlkmpYt9BKUMejVPiE5skyCbqNkijibGg742N9lFqYQ7VhJy4JqRI2CGBUoe8qBOjYs3axDBfq0bv2JSw9GX08gU8m3weNPAfGqnBoYIwbexAh7pcbaUg7Som5H7gFHQtBRJYYy3LiVEpdS+zNuKlRghocfcklah6elIbakAIivX9rFK3ynmYqTsTsYj/qGeuF7MyHBwLbgJ0ViEbd4Qs1jEE7N2XVsl2t+T0TRM5vX0TWcwKBemL2UiLTmnwePJGbutnbzR6Iref09Z0Vipwv20ak+d0XgaTcg1O8/Azx4KLML3E2ydodx/En/0xxTi9d+DB7YHTPhcat4VQ0qu/v+CI6z7ZGREVoq8k/4A3KqYaC+xb1ALLHuFytT+yZ6XePvjVMYD2l0ulQhPynPGcoofvrlx9KPemvsk8HBZ28eL/d4/q2hjRdnlB8JVogQ6VeuyzjJldQMhVkB9eMDjyZD2cc6GPlAjpcclR6NJXyCCEBiiId244/wN0omhf

Steps to reproduce

open the link and click the openPopupWindow button

What is expected?

teleport content in Text.vue should be attached to popupWindow.document.body

What is actually happening?

teleport content in Text.vue was attached to document.body. I think it's because in runtime-dom querySelector directly uses document. Is there any easy way to change it ?

System Info

No response

Any additional comments?

No response

[edison1105]

like this

[wanghanzhen]

Thank you, currently I am using props to solve this problem. But I feel like it would be natural if having some way to change document object like override method in nodeOps from runtime-dom