Align text tools - Content Security Policy error when I click align text button

1 Answer 111 Views
Editor
Dawid
Top achievements
Rank 1
Dawid asked on 07 Dec 2022, 12:15 PM | edited on 07 Dec 2022, 12:15 PM

You wan't to reproduce this behavior when running the `Editor` locally or using StackBlizt, Codesandbox etc. You will reproduce this behvaior on production. There is no action when I clik on `Align text left`, `Center text` or `Align text right` button, I get this error in my console instead: 

Refused to apply inline style because it violates the following Content Security Policy directive: "style-src 'self' 'sha256-Y+wsDhnso/VitFKVAmAGIC+CGwKJuRUiycQ54atO+eE=' fonts.googleapis.com". Either the 'unsafe-inline' keyword, a hash ('sha256-Y+wsDhnso/VitFKVAmAGIC+CGwKJuRUiycQ54atO+eE='), or a nonce ('nonce-...') is required to enable inline execution. Note that hashes do not apply to event handlers, style attributes and javascript: navigations unless the 'unsafe-hashes' keyword is present.

Is there any chance to fix it?

1 Answer, 1 is accepted

Sort by
0
Filip
Telerik team
answered on 09 Dec 2022, 08:25 AM

Hi, Dawid,

I tested the following example in stackblitz both in the editor and application URL in order to reproduce the error, however, I was not able to:

https://stackblitz.com/edit/react-synerp-gdzxvj?file=app/main.jsx

The text seems to align correctly. Can you provide a runnable example reproducing this behavior so I can inspect it further?

Regards,
Filip
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
Editor
Asked by
Dawid
Top achievements
Rank 1
Answers by
Filip
Telerik team
Share this question
or