React throws when rendering some HTML tags inside Windows 8 app.

[joshduck]

When using React in a JavaScript-based Windows 8 app, some HTML tags will cause an error to be thrown during mounting. For example an audio tag, as shown here causes the following error.

0x800c001c - JavaScript runtime error: Unable to add dynamic content. A script attempted to inject dynamic content, or elements previously modified dynamically, that might be unsafe. For example, using the innerHTML property to add script or malformed HTML will generate this exception. Use the toStaticHTML method to filter dynamic content, or explicitly create elements and attributes with a method such as createElement. For more information, see http://go.microsoft.com/fwlink/?LinkID=247104.

This is not a hugely pressing issue, but we should probably offer some way of using window.toStaticHTML where it's available.

[sophiebits]

Shouldn't we just use createElement for those elements instead?

[sophiebits]

Alternatively, I suppose setInnerHTMLUnsafe would do the trick too in this case…

http://msdn.microsoft.com/en-us/library/windows/apps/br211696.aspx

[syranide]

Is this something we still want to solve? It seems the fix would be simple enough.

[stkb]

I just came across this bug, by using name attributes on input tags. I worked around it, but it would be nice if there was a fix

[Porshe]

When do you plan to fix this?

[stkb]

I thought I'd go ahead and create a pull request (#2799) to fix this. It works by wrapping the innerHTML-setting code in execUnsafeLocalFunction().