Wait on element resize done after changing width trough renderer

255 Views Asked by At

Is there a way to detect when an html element (native element) is done with resizing after the style: width property has been changed trough the use of the angular renderer2?

I have currently implemented a font sizing system based on the width of the parent container, but I have to use a timeout seeing the innerwidth of the parent element is not final when the font sizing is called. This parent uses css-grid properties set trough the renderer2.setStyle method.

so what i want boils down to this:

renderer.setStyle(element, cssGridStyleProperty). (wait on renderer and browser to finish rendering). renderer.setStyle(element, fontSizeParentBasedProperty).

0

There are 0 best solutions below