WebComponent Polyfill Conflicts with Angular Forms

[StephenFluin]

Repro:
http://plnkr.co/edit/aa6KVLbxWTuDTK1U3Le8?p=preview

Observed Behavior:
Type something in the input, the title rendered on the page does not update

Expected Behavior:
Type something in the input, the title should update

Additional Information
Reordering the script imports in index.html fixes/breaks this.

This example does not use web components at all, so these polyfills are fighting.

Versions
This works in the latest stable Chrome, and fails in the latest stable Firefox.

[StephenFluin]

CC: @mhevery we chatted about this

[JiaLiPassion]

@StephenFluin , I just run your plunker demo, when I input something in the input, the title will update, I tried change the load order of webcomponent-lite.js , both works.

[StephenFluin]

@JiaLiPassion Sorry about that, I forgot the most important part. This works in Chrome and fails in Firefox.

[JiaLiPassion]

@StephenFluin , got it, I will try to debug it.
The reason is WebComponent also patch Native (Node/Document/Element...) prototype , and some of the prototype zone.js does not patch, so several method was left out side of ngZone.

I will try to make a PR to fix this one.

[JiaLiPassion]

@StephenFluin , I have made a PR to fix this one, the temp walk around one can be found here.
http://plnkr.co/edit/VKDESsxIFHEv9BprNlmV?p=preview

[rusmaxim]

Big thanks for walk around. When using Webcomponents + Angular for Android there are not working almost all rerendering without this.

[JiaLiPassion]

@rusmaxim , glad to help!

[rusmaxim]

@mhevery 0.8.10 with patch works fine, but 0.8.11 doesn't. Webcomponents + Angular doesn't refresh angular components on changes.

[JiaLiPassion]

@rusmaxim, I have confirmed 0.8.11 also work.
http://plnkr.co/edit/uGJEM10uUUIJ3QBLm1a3?p=preview

did you load the webapis-shadydom.js?

[rusmaxim]

@JiaLiPassion webapis-shadydom.js help. Thanks.