You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
While integrating react-native-sortables into a table with resizable columns, I ran into a UX/performance issue.
When a column is resized, the items inside Sortable.Flex do not immediately update their layout to match the new cell dimensions. Instead, they visually lag behind the resized container, resulting in a noticeable mismatch during resizing (see attached video).
Screen.Recording.2026-06-25.at.10.50.51.mov
I initially tried using itemsLayoutTransitionMode="reorder", but it did not fix it.
As a workaround, I patched the library locally and set usesAbsoluteLayout to false in handleDragEnd. This resolved the issue in my use case, and the layout now updates correctly after resizing.
However, I'm not sure whether this is the intended way to handle this problem, or if my patch is relying on implementation details that could cause problems elsewhere.
I'd appreciate some guidance on:
If there is an officially supported way to force layout recalculation after a resize.
Whether a configuration option or built-in mechanism could be added to better support dynamically resizing layouts such as tables with resizable columns.
reacted with thumbs up emoji reacted with thumbs down emoji reacted with laugh emoji reacted with hooray emoji reacted with confused emoji reacted with heart emoji reacted with rocket emoji reacted with eyes emoji
Uh oh!
There was an error while loading. Please reload this page.
-
While integrating
react-native-sortablesinto a table with resizable columns, I ran into a UX/performance issue.When a column is resized, the items inside Sortable.Flex do not immediately update their layout to match the new cell dimensions. Instead, they visually lag behind the resized container, resulting in a noticeable mismatch during resizing (see attached video).
Screen.Recording.2026-06-25.at.10.50.51.mov
I initially tried using
itemsLayoutTransitionMode="reorder", but it did not fix it.As a workaround, I patched the library locally and set
usesAbsoluteLayoutto false in handleDragEnd. This resolved the issue in my use case, and the layout now updates correctly after resizing.However, I'm not sure whether this is the intended way to handle this problem, or if my patch is relying on implementation details that could cause problems elsewhere.
I'd appreciate some guidance on:
Any feedback would be greatly appreciated.
Beta Was this translation helpful? Give feedback.
All reactions