I am having some issues embedding twitch chat on my site - I am correctly loading the chat in the iframe with the following code
<iframe id="chat-container" src="https://www.twitch.tv/embed/[LOWERCASE CHANNEL NAME HERE]/chat?parent=subdomain.domain.com&darkpopout" />
However, any messages sent by the user do not show in any other chat (twitch website, or other viewer’s embedded chat). Moreover the broadcaster gets the message “Chatting is disabled for channel owner/mods because the Twitch Chat window is obscured by another element”. However, the iframe is added as a fixed position element, z-index above all others, within the body element directly. It is not obscured by any elements at all.
Is there something I am doing wrong? The channel name is all lowercase in the URL - the chat receives messages sent in the broadcaster chat on Twitch but not from any embedded chats. I can’t see any errors in browser console, or in network tab of chrome… hmm