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.

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

Components slots are not rendered inside svg foreignObject #11315

Open
Aleksandras-Novikovas opened this issue Apr 15, 2020 · 2 comments · May be fixed by #13008
Open

Components slots are not rendered inside svg foreignObject #11315

Aleksandras-Novikovas opened this issue Apr 15, 2020 · 2 comments · May be fixed by #13008

Comments

@Aleksandras-Novikovas
Copy link

Version

2.6.11

Reproduction link

https://jsfiddle.net/AleksandrasNovikovas/w042x1c8/

Steps to reproduce

Run provided fiddle. There are three svg boxes with foreignObject:

  1. contains simple html tags
  2. contains simple vue component
  3. contains complex (with slot) vue component

What is expected?

All three boxes should show link and input elements

What is actually happening?

Third box does not show link and input elements.


While inspecting DOM (in chrome or in firefox) you will find that elements of second box and third box are identical.
Problem is their types: (in chome dev console select element and tab properties)
select input element from second box and you will find following list: Object->EventTarget->Node->Element->HTMLElement->HTMLInputElement->input;
select input element from third box and you will find following list: Object->EventTarget->Node->Element->SVGElement->input;

@posva posva added the bug label Apr 16, 2020
@posva posva changed the title Complex components are not rendered in svg foreignObject Components slots are not rendered inside svg foreignObject Apr 16, 2020
@vuejs vuejs deleted a comment from chuzhixin Apr 16, 2020
@zhangzhonghe
Copy link
Member

zhangzhonghe commented Apr 26, 2020

#11349 This is not a problem anymore because I have fixed it and submitted PR😁.

@cartok

This comment has been minimized.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
4 participants