Fix issues on websites with strict CSP #400
Closed
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Replacing
element.setAttribute('style', styles);
withelement.style.cssText = styles;
allows the styles to be loaded without errors on websites with strict Content-Security-Policy. It has been tested on Chrome 77, Firefox 65, Microsoft Edge 42.17134 and Internet Explorer 11. Also this actually allows the widget to load a lot faster according to performance tab in Chrome's dev console (CPU was set to 4x slowdown). Instead of taking ~300ms to load it takes ~68ms (at least on my work laptop).