UI Toolkit React inject arbitrary styles into the document

[ericmorand]

While attempting to fix some styling issues with our application, we noticed that this toolkit injects styles at runtime into the HTML document - for example:

<style class="">.encoding{margin-left:10px}.encoding label{padding:2px;font-size:15px}.encoding select{padding:2px 0}.reldisabled{opacity:.5}</style>
<style>.button{margin-right:3px;padding:2px;min-width:90px}</style>
<style>.header{background-color:#a9a9a9;padding:5px;font-size:13px}</style>

This is the reason why we had styling issues to begin with, and we have no idea how we can prevent UI Toolkit React to inject those styles at runtime.

Can you please help us?

[madhavilosetty-intel]

@ericmorand We are looking into this and will update you once it's ready.