Open
Description
Version
2.6.11
Reproduction link
https://jsfiddle.net/AleksandrasNovikovas/w042x1c8/
Steps to reproduce
Run provided fiddle. There are three svg boxes with foreignObject:
- contains simple html tags
- contains simple vue component
- 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;