ResizeObserver issue

[scaljeri]

I'm using ResizeObserver for which I use a polyfill because its browser support is limited. Now, recently, chrome 64 natively supports this API with the result that changes trigged by ResizeObserver don't trigger changedetection in my angular app.

stackblitz demo

const observer = new window.ResizeObserver(entries => {
          this.observedWidth = entries[0].contentRect.width;  // Outside a zone??!!
});
observer.observe(this.resizable.nativeElement);

The expected behaviour can be seen in firefox/safari and chrome 63 of course.

Now I don't know that much about Zone.js. but I would expect Zone.js to take care of this?

For more details:
stackoverflow question

[JiaLiPassion]

@scaljeri, sure, I will make a patch for this.

[scaljeri]

For the mean time, is there an easy way to run the code inside the callback within a zone?

[JiaLiPassion]

for now, you can do this to run the callback in ngZone

constructor(private ngZone: NgZone) {}

const observer = new window.ResizeObserver(this.ngZone.run((entries) => {
          this.observedWidth = entries[0].contentRect.width;  // Outside a zone??!!
}));
observer.observe(this.resizable.nativeElement);

[scaljeri]

thanks a lot!