diff --git a/packages/moveable/test/manual/resizable.html b/packages/moveable/test/manual/resizable.html index bbe610064..19675a1a5 100644 --- a/packages/moveable/test/manual/resizable.html +++ b/packages/moveable/test/manual/resizable.html @@ -30,6 +30,10 @@ resizable: true, scalable: false, rotatable: true, + roundable: true, + isDisplayShadowRoundControls: true, + maxRoundControls: [4, 0], + roundPadding: 20, isDisplaySnapDigit: false, elementGuidelines: [document.body], snappable: true, diff --git a/packages/react-moveable/src/ables/Roundable.tsx b/packages/react-moveable/src/ables/Roundable.tsx index bd5955b98..51ab8bc82 100644 --- a/packages/react-moveable/src/ables/Roundable.tsx +++ b/packages/react-moveable/src/ables/Roundable.tsx @@ -325,9 +325,11 @@ cursor: pointer; originalPos[0] += roundPadding; } const pos = minus(calculatePosition(allMatrix, originalPos, n), basePos); - + const isDisplayVerticalShadow + = isDisplayShadowRoundControls + && isDisplayShadowRoundControls !== "horizontal"; const isDisplay = v.vertical - ? verticalCount <= maxRoundControls[1] && (isDisplayShadowRoundControls || !v.virtual) + ? verticalCount <= maxRoundControls[1] && (isDisplayVerticalShadow || !v.virtual) : horizontalCount <= maxRoundControls[0] && (isDisplayShadowRoundControls || !v.virtual); return