Is there an existing issue for this?
Current Behavior
The "Show HTML" effect does not render spans or divs correctly (and probably more tags), styling such as margins and display styles on those tags, and renders multiple blocks of text on top of each other.
<head>
<style>
.accent {color: orange;}
h1 {font-size: 70px;}
p {font-size: 42px; color: white;}
.center {display: table; margin: 0 auto;}
</style>
</head>
<body>
<div>
<span class="center">
<h1 class="accent">$username</h1>
</span>
</div>
<div>
<span class="center">
<p>Raided the stream with <span class="accent">$raidViewerCount</span> viewers</p>
</span>
</div>
</body>as an example the above HTML currently renders as
Screen shot shows all text rendering overlayed in the top left corner of the browser overlay
Expected Behavior
"Show HTML" effect should render HTML just as the HTML overlay widget does, respecting divs, spans, all css styling, and multiple blocks of text.
Steps To Reproduce
No response
Version
5.66.6
What operating system are you using Firebot on?
Linux Distro
Relevant log output
Contact Details (Optional)
No response
Is there an existing issue for this?
Current Behavior
The "Show HTML" effect does not render spans or divs correctly (and probably more tags), styling such as margins and display styles on those tags, and renders multiple blocks of text on top of each other.
as an example the above HTML currently renders as
Screen shot shows all text rendering overlayed in the top left corner of the browser overlay
Expected Behavior
"Show HTML" effect should render HTML just as the HTML overlay widget does, respecting divs, spans, all css styling, and multiple blocks of text.
Steps To Reproduce
No response
Version
5.66.6
What operating system are you using Firebot on?
Linux Distro
Relevant log output
Contact Details (Optional)
No response