TypeError: el.createShadowRoot is not a function about angular2-notifications

[sialcasa]

@flauc @Fenkiou ViewEncapsulation.Native uses native Shadow Dom API that isn't supported by other browsers then chrome yet. But there is a polyfill for it: http://webcomponents.org/polyfills/

[flauc]

As you know i'we added the ViewEncapsulation recently and didn't have a chance to test it. It's just one of thous things that i'm hopping will get smooth out with the new beta releases of angular.

As for the NotificationsComponent i'll rename it right away. You're completely right it's confusing.

[flauc]

I removed the ViewEncapsulation, for now. Because it seams to be working only in chrome. But with ViewEncapsulation removed it now works in both firefox and safari.

[Fenkiou]

Thank you for this. The error is gone now.

Now I'm looking at why my CSS is broken.

[flauc]

You might have some conflicts with your css and the library css. Since there is no ViewEncapsulation they might overlap. I'll add simple-notifications prefix to all of the libraries css.

[Fenkiou]

Nope sorry it was on me...

I used this <simple-notifications></simple-notifications> instead of this <simple-notifications [options]="options"></simple-notifications> and didn't put any options in my @page..

I thought it was possible to use it like this with just :
this.notificationsService.success('title', 'message', options)

It's all good now. Thanks for your help !

[flauc]

It's no problem. Glad you made it work 👍

[flauc]

Yes but i want to keep the library lightweight with as little dependencies as possible.

[sialcasa]

Ah - I saw you prefixed your CSS classes - this is a good solution!