A draggable and resizable grid layout with responsive breakpoints, for React.
breakpoints/cols does not refresh the layout.
Fixes #208 - thanks @damienlerouxuseCSSTransforms when server-rendering.layout twice on width change. See #217 - thanks @damienleroux<ReactGridLayout> will no longer animate so severely on mount. See #212.
<WidthProvider>, you may notice that the container's width still shunts on mount.
If you like, you may delay mounting by setting measureBeforeMount={true} on the wrapped element. This
will eliminate the mounting animation completely.useCSSTransforms={this.state.mounted} and toggle the mounting
flag. See 0-showcase.jsx for an example.<Draggable> and <Resizable> dependencies, as they are now stable
and will only introduce breaking changes on major version ticks.<ResponsiveReactGridLayout> was using stale data when synchronizing children with the layout
on a breakpoint change.This release contains potentially breaking changes so I have updated the minor version (as per semver).
Breaking Changes:
<GridItem>, such
as className. To set a className on a child, set it on the child directly and it will be merged.
This allows us to make better assumptions about the layout and use a faster cloning mechanism.handle and cancel selectors per item is no longer supported. If you need this, please
open a ticket and let me know your use case.Other changes:
<ResponsiveReactGridLayout> onLayoutChange callback data could still be stale._grid properties.
0.10.11 and 0.10.10 have been unpublished.isPlaceholder property from <GridItem>.layouts param on <ResponsiveReactGridLayout>'s onLayoutChange could have stale data
for the current breakpoint.