Warning: React does not recognize the allowTransparency prop on a DOM element.

[tyteen4a03]

Expected Behavior

With the codesandbox setup, it should pass through allowTransparency through for the <a> element.

Actual Behavior

React shows an error message instead.

Steps to Reproduce

See demo

Reproducible Demo

https://codesandbox.io/s/html-react-parser-w4eg2

Environment

• Version: 0.13.0
• Platform: macOS 10.15.5
• Browser: FF 77

[remarkablemark]

I believe allowTransparency can only be used for the <iframe> element.

Are you unable to use style="background-color: transparent;"? See CodeSandbox.

Also, the htmlparser2 option is only works on Node.js (server-side) and does not work on the browser (client-side). I'll need to update the README.md if it wasn't clear.

[tyteen4a03]

I quickly modified the codesandbox to show the issue because I expect this bug may be applicable to any attributes for any tags; my original code uses allowTransparency on an <iframe>.

[remarkablemark]

I see. I'll take a look at this but given that this is a warning, I'll assume nothing's broken. Is that correct?

[tyteen4a03]

Yeah I don't think anything broke, but I didn't check SSR.

[remarkablemark]

So I did some research and it seems like allowtransparency on the iframe is obsolete. See mdo/github-buttons#60

[tyteen4a03]

It might be obsolete in W3C's eyes but the <iframe> generation codes for Facebook definitely still uses it.

[remarkablemark]

Makes sense. Feel free to open a PR if you think you can fix it.

[remarkablemark]

Closing issue due to inactivity.