Resize functionality is not working in 10.4.14
onResize={(e, direction, ref, delta, position) => { this.setState({ width: ref.offsetWidth, height: ref.offsetHeight, ...position, }); }}
The resize icon is not showing after 10.4.14 so, I downgraded to 10.4.13
Here is my code in which i'm facing the issue
<Rnd key={element.id} default={{ ...element.position, ...element.styles, }} scale={Number(scale)} disableDragging={preview} dragGrid={snap ? [20, 20] : [1, 1]} onDragStop={(e, d) => { updatePosition(element.id, d.x, d.y); }} onResizeStop={( e, direction, ref, delta, position ) => { updateSize( element.id, ref.offsetWidth, ref.offsetHeight ); updatePosition( element.id, position.x, position.y ); }} enableResizing={{ topRight: false, }} minWidth={element?.minWidth || 250} minHeight={element?.minHeight || 20} bounds="parent" > {renderComponent(element.type, props)} </Rnd>
Resize functionality is not working in 10.4.14
onResize={(e, direction, ref, delta, position) => { this.setState({ width: ref.offsetWidth, height: ref.offsetHeight, ...position, }); }}The resize icon is not showing after 10.4.14 so, I downgraded to 10.4.13
Here is my code in which i'm facing the issue
<Rnd key={element.id} default={{ ...element.position, ...element.styles, }} scale={Number(scale)} disableDragging={preview} dragGrid={snap ? [20, 20] : [1, 1]} onDragStop={(e, d) => { updatePosition(element.id, d.x, d.y); }} onResizeStop={( e, direction, ref, delta, position ) => { updateSize( element.id, ref.offsetWidth, ref.offsetHeight ); updatePosition( element.id, position.x, position.y ); }} enableResizing={{ topRight: false, }} minWidth={element?.minWidth || 250} minHeight={element?.minHeight || 20} bounds="parent" > {renderComponent(element.type, props)} </Rnd>