title: Angular component host element width and height are 0
body: <p>When I inspect my component element, sometimes its <code>width</code> and <code>height</code> are 0 even though if I inspect inside, the elements the component include have a certain width and height. This leads me not to able to style the host element because even when I set <code>width</code> and <code>height</code> to the host element by declaring <code>:host { // styles }</code> it doesn't work. So I ended up adding an  extra <code>div</code> wrapping around the component element to give some <code>width</code> and <code>height</code> which I find it verbose. Is it a natural thing? Or am I missing something?</p>