title: Get initial height/width of canvas in <ion-content>
body: <p>I have a IONIC4/Angular8 setup with a header and splitpane-Menu.
  Then I load BabylonJS engine into the View-Child of the <code>#canvas</code> inside <code>&lt;ion-content&gt;</code>.</p>
  
  <p>For that reason I need to set the height and width of the canvas correctly.
  Using <code>window.innerHeight</code>/<code>window.innerWidth</code> will always include the menu and the header.</p>
  
  <p>I have a working window-resize Eventlistener but the first initial BabylonJS view always gets distorted.</p>
  
  <p>My question is, how can i dynamically get the width and height of just the canvas?
  <code>canvas.nativeElement.clientHeight</code> was my assumption - but i always received a 0.</p>
  
  <p>Any hints?</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>I tried the suggested solution of answer of @rtpHarry - here are my results:</p>
  
  <p><a href="https://i.stack.imgur.com/d4aih.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/d4aih.png" alt="You can see my content canvas at (1) and my menu at (2). If you look at the outputs in the console (3) is showing the correct height of the canvas but the width still includes the menu. This is further highlighted if you compare (3) to (4) where i outputted the window.innerwidth. The header gets deducted but the menu does not."></a>
  You can see my content canvas at (1) and my menu at (2). If you look at the outputs in the console (3) is showing the correct height of the canvas but the width still includes the menu. This is further highlighted if you compare (3) to (4) where i outputted the window.innerwidth. The header gets deducted but the menu does not.</p>
  
  <p>These is the stuff i use...
  <a href="https://i.stack.imgur.com/2Vnbj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2Vnbj.png" alt="enter image description here"></a></p>