When switching a class on a parent element no resize happens.
The-Code-Monkey opened this issue · 5 comments
Describe the bug
When you switch a class on a parent element using one that changes size.
To Reproduce
Steps to reproduce the behavior:
Make it so that a class gets added that changes the size of a parent element.
Expected behavior
A resize should happen as the parent div is no longer the correct size.
I had the same problem, how did you finally solve it?
If you use usePositioner directly you can provide the className prop as a dependency and then all elements will be reorganized when it changes.
As for <Masonry>, there is no way to force that besides using a key prop and causing a full remount. I guess we can expose something like positionerDeps or imperative reference with the .reorganize() function. 🤔
Would be ok with an imperative reference. Maybe a name like .reflow() or .recalcuate()
@jaredLunde Actually, why don't we use ResizeObserver? It got decent support unless we care about Internet Explorer and Opera Mini.
Honestly I can't remember why. I have a comment about ResizeObserver in the code for this. Using it elsewhere in the library already.