From 4c62cbf57e71b30a1508925346f28210f0d57d77 Mon Sep 17 00:00:00 2001 From: Guillermo Peralta Scura Date: Sun, 12 Jan 2020 17:24:11 -0300 Subject: [PATCH] Don't show resize cursor if multiple elements are selected (#353) --- src/index.tsx | 31 ++++++++++++------------------- 1 file changed, 12 insertions(+), 19 deletions(-) diff --git a/src/index.tsx b/src/index.tsx index e19487c3e..7f0cf643a 100644 --- a/src/index.tsx +++ b/src/index.tsx @@ -902,27 +902,20 @@ export class App extends React.Component<{}, AppState> { return; } const { x, y } = viewportCoordsToSceneCoords(e, this.state); - const resizeElement = getElementWithResizeHandler( - elements, - { x, y }, - this.state - ); - if (resizeElement && resizeElement.resizeHandle) { - document.documentElement.style.cursor = `${resizeElement.resizeHandle}-resize`; - return; + const selectedElements = elements.filter(e => e.isSelected).length; + if (selectedElements === 1) { + const resizeElement = getElementWithResizeHandler( + elements, + { x, y }, + this.state + ); + if (resizeElement && resizeElement.resizeHandle) { + document.documentElement.style.cursor = `${resizeElement.resizeHandle}-resize`; + return; + } } const hitElement = getElementAtPosition(elements, x, y); - if (hitElement) { - const resizeHandle = resizeTest(hitElement, x, y, { - scrollX: this.state.scrollX, - scrollY: this.state.scrollY - }); - document.documentElement.style.cursor = resizeHandle - ? `${resizeHandle}-resize` - : `move`; - } else { - document.documentElement.style.cursor = ``; - } + document.documentElement.style.cursor = hitElement ? "move" : ""; }} />