![]() I've noticed that, in Chrome, IE and Edge, the css of the animation is extracted as expected, so it's working fine. This of course violates the CSP rule above. Hence, you will end up having a lot of element in the element. Because by default, Angular CLI will not extract your styles into a stylesheet file, instead it will inject the styles into the DOM using element, this is done for each component style. I have configured Angular to extract scss into a single big. Import 'web-animations-js' // Run `npm install -save web-animations-js`. * Standard animation support in Angular DOES NOT require any polyfills (as of Angular 6.0). * Web Animations Only required if AnimationBuilder is used within the application and using IE/Edge or Safari. Import 'classlist.js' // Run `npm install -save classlist.js`. This is a chunk of polyfills.ts /** IE10 and IE11 requires the following for NgClass support on SVG elements */ This is the animation code: animations: [ ![]() For your context, this is the CSP policy that we're using default-src 'self' img-src: *. Unfortunately, it's not working in my case. Yes I know that there are a lot of answers out there saying you can simply adding web-animations-js in polyfills.ts and it should do the trick. I have issue applying Angular animations on Firefox (and Safari).
0 Comments
Leave a Reply. |