Comments (5)
I mean to convert react-resizable
to React.cloneElement
. I have push access to react-draggable
and I've already updated it (see 0.5.0
).
from react-grid-layout.
Great!
I noticed that you previously converted react-resizable
to React.cloneElement
, but then undid it (because of problems with style
and className
). I tried my hand at it, passing in style
and className
manually, but I must be misunderstanding how React.cloneElement
is different from cloneWithProps
(maybe it's the way children are handled?).
Thanks again for all of your fabulous work on each of these libraries.
from react-grid-layout.
Yeah, the issue is that cloneWithProps
actually properly merges style
and className
, but cloneElement does not. But cloneElement properly preserves key
and ref
.
I'm going to try converting again as I've been able to get react-draggable
working properly. I'm building a simple helper that makes React.cloneElement
behave properly again.
from react-grid-layout.
Looks like the latest updates I made to react-draggable
and react-resizable
have fixed the issues. I'm seeing the proper animations in the old fiddle.
Please reopen if you have any other questions about it.
from react-grid-layout.
Yes! Thank you so much! 👍
from react-grid-layout.
Related Issues (20)
- Looking for placeholder appears ratio setting
- Currently supporting VerticalCompact, does it not support HorizontalCompact
- Using with Nextjs 14 HOT 3
- [rtl resize] In RTL resize, when I try to shrink it, it gets bigger instead
- Race condition on React 18 setState causes mouse to "skip" when dragging / resizing. HOT 7
- Positioning and Resizing does not work as intended in production mode HOT 2
- The performance of the grid layout is adversely affected when dealing with large SVG grid elements (size ≥ 1MB). HOT 4
- dragging working not correct HOT 10
- Setting item height based on rowHeight in OnResize is buggy HOT 1
- The x,y coordinate of the item is incorrect
- When columns are thin and column spacing is set, items move from their grid position when clicked HOT 3
- Issue with Red Color Popover on Item Click in Versions 1.4.3 and Above HOT 7
- [feature request] Drop onto another widget
- Dynamic static changes on children do not change children rendering HOT 2
- Grid item shifts leftward unexpectedly when dragging leftward resize handle.
- Responsive Grid Layout not working.. HOT 2
- React-grid-layout, antd dynamic form list HOT 1
- Upgrading dependencies causes react-grid-layout Responsive to crash with babel-loader error HOT 3
- Have errors in utils.js && ReactGridLayout.js HOT 3
- This repo should have updates for React 18+ HOT 4
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from react-grid-layout.