Comments (2)
The XML world has no special nodes so far and it doesn't interoperate with the HTMLInputElement at all, you just have plain raw XML nodes. I need to orchestrate a similar dance to register special cases or even reuse classes from the HTML world but if you want to give it a try I'll welcome a PR (as I have very little time these days to work on this project, sorry).
from linkedom.
Hi @WebReflection,
Thanks for the fast response!
Sorry to hear that you have little time, but that's part of the open source development experience ;-)
Did some debugging this evening, but not sure if I have enough knowledge about the topic to be able to create a PR...
It is required to add an xmlns
to the foreign html input element, otherwise it won't be visualized inside the svg:
I read that the xmlns is inherited by the child elements, so I 'assume' that that attribute determines whether an element is an svg element or not?
But at this moment it looks like the mimeType parameter (of the parseFromString
function) is used to determine the type, and that that parameter is being used for ALL elements. So I assume some change needs to be done in the following function:
I first thought that the xlmns attribute had to be taken into account as an extra condition on line 63, but for mime type "image/svg+xml" the isHTML
is false, so I go directly to line 85 where the svg document creates always svg elements.
So I am a bit stuck...
from linkedom.
Related Issues (20)
- Anyone willing to help this project forward? HOT 8
- List optional dependencies in `peerDependencies` + `peerDependenciesMeta` HOT 1
- [META] Update changelog? HOT 1
- Creating script element resulting unexpected opening tag. HOT 1
- Support Node constructors HOT 1
- missing `customElements.getName()`
- Illegal constructor when extending DocumentFragment HOT 2
- replaceWith(...nodes) stuck if `nodes` contain the node that's being replaced
- CSSStyleSheet.insertRule returning undefined if index argument not provided HOT 3
- the hidden attribute parsing is not valid in xml HOT 3
- Error when using with axios: "TypeError: Cannot read properties of undefined (reading 'charAt')" HOT 1
- [BUG] `innerHTML` on elements parsed from XMLDocument doesn't escape characters as XML entities inside attribute values HOT 1
- `querySelectorAll` breaks when the DOM contains an element with a 'template' attribute HOT 1
- "perf_hooks" and "canvas" not found issue with using linkedom HOT 2
- " converted to " on xml HOT 4
- `HTMLTimeElement` losts `dateTime` property HOT 1
- Proper types exports for `./worker` submodule HOT 1
- HTMLAnchorElement loses `rel` attribute after casting to string HOT 4
- In 'HTMLElement.classList.toggle' the 'force' attribute works uncorrectly.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from linkedom.