title: why clientWidth is 0 in IE
body: <p>I have a Angular 4 component where template has only a canvas (no CSS template)</p>
  
  <pre><code>&lt;canvas #mychart&gt;
  &lt;/canvas&gt;
  </code></pre>
  
  <p>I use this component inside another component where we adjust the width using flex.</p>
  
  <pre><code>&lt;myComp #myMini class="cssforflex" [style.width.px]="Width"&gt;&lt;/mycomp&gt;
  </code></pre>
  
  <p>In order to adjust the width when whole component resize (say on window resize), we are relying on <code>elementRef.nativeElement.clientWidth</code> property of <code>myComp</code>.</p>
  
  <p>So, for every resize event we check for the <code>clientWidth</code> and apply that to width of canvas.</p>
  
  <p>This works perfectly fine in Chrome but in IE the <code>clientWidth</code> is always coming as 0. Any idea why?</p>