Usage of getBoundingClientRect in liquid-measured is causing forced reflow and slows down rendering

[selvaa89]

Using getBoundingClientRect is causing forced reflow and slows down the rendering in mobile.

[ef4]

We deliberately trigger reflow here. There is no other way to get the browser to lay out the final positions of all the elements so we can measure them.

What’s important is that we do it only the minimal number of times when data changes — not at each frame in the animation.

[selvaa89]

Ok, But the component I am talking about has fixed width and fixed height and is absolute positioned.

So, Is this force reflow still required? Please forgive if my question doesn't make sense.

[ef4]

The only time the reflow isn't needed is when your element hasn't moved at all and there's nothing to animate, in which case the reflow is probably pretty cheap anyway.