Initial Component Size Unknown

[jherdman]

A pattern I find myself in is needing to know the initial size of a component/view upon insertion of the element. The ResizeAware mixin provides width/height values upon resize, but it'd be great if it provided width/height values upon insertion as well.

[engwan]

You can manually call _handleResizeEvent() or _handleDebouncedResizeEvent() in didInsertElement().

This is something I also do a lot in my project. Maybe the resize handler should be called on didInsertElement too? Or perhaps activated by an option?

[jherdman]

I'm not sure about the exact hook to use in the component life cycle. It may be that, for instance, afterRender is more appropriate — especially if the use case is setting some value based upon the width and/or height values provided.

I'd personally like to see the handler called somewhere in the initial lifecycle hooks of component insertion.

[mike-north]

@engwan I think we need something a little less heavy-handed than that. Resize events should only be fired in the event that a resize actually happens.

[rhlowe]

@jherdman if you want to know the height and width of the component, you can use

this.$().height();
this.$().width();

in didRender() or didInsertElement().

Apologies if you already knew this or just because I am 9 months late.

[mike-north]

@rhlowe - this won't work for fastboot, since there's no jQuery. I'm working on a more robust solution in https://github.com/levanto-financial/ember-windoc, which will eventually replace this addon