0

I'm developing a webapp using Angular 2 and Polymer, since Material design support for Angular 2 is very poor.

The problem here is that when I run the application in Firefox, IE or Edge the application is shown without styles. When I run it in chrome it runs with styles.

Why is it happening and how could I solve this?

Edit: I inspected the elements in Chrome and Firefox and the elementos dom seems different.

Natanael
  • 2,290
  • 6
  • 23
  • 35
  • Are you loading webcomponents polyfills? – Günter Zöchbauer Jun 07 '16 at 03:14
  • See also http://stackoverflow.com/questions/37192424/styling-polymer-element-in-angular2/37193613#37193613, http://stackoverflow.com/questions/34779175/polymer-elements-within-angular-2-component/34782260#34782260, http://stackoverflow.com/questions/37490068/how-to-use-css-mixins-with-angular-2-dart-and-polymer/37495705#37495705, http://stackoverflow.com/questions/36864501/using-paper-datatable-in-angular2/36864636#36864636 – Günter Zöchbauer Jun 07 '16 at 04:26
  • Shadow dom is enabled with dom: 'shadow'. How could I enable polyfills? – Natanael Jun 07 '16 at 12:45
  • Like shown in https://www.polymer-project.org/1.0/docs/devguide/settings The `webcomponents-lite.js` needs to be before the script that enables shadow DOM and both must come before any element import. – Günter Zöchbauer Jun 07 '16 at 12:47
  • It is there. Should works correctly. – Natanael Jun 07 '16 at 12:49
  • Can you provide a Plunker? Hard to discuss imaginary code ;-) – Günter Zöchbauer Jun 07 '16 at 12:52
  • Without bower and npm dependencies installed for size reasons: http://www.filedropper.com/ang2-cad-clientes – Natanael Jun 07 '16 at 13:21
  • npm start on the root to run. – Natanael Jun 07 '16 at 13:23

0 Answers0