@ -692,6 +692,10 @@ function clearSelection() {
} ) ;
}
function resetCursor() {
document . documentElement . style . cursor = "" ;
}
function deleteSelectedElements() {
for ( let i = elements . length - 1 ; i >= 0 ; -- i ) {
if ( elements [ i ] . isSelected ) {
@ -1042,6 +1046,8 @@ class App extends React.Component<{}, AppState> {
onChange = { ( ) = > {
this . setState ( { elementType : value } ) ;
clearSelection ( ) ;
document . documentElement . style . cursor =
value === "text" ? "text" : "crosshair" ;
this . forceUpdate ( ) ;
} }
/ >
@ -1189,7 +1195,6 @@ class App extends React.Component<{}, AppState> {
let resizeHandle : string | false = false ;
let isDraggingElements = false ;
let isResizingElements = false ;
const cursorStyle = document . documentElement . style . cursor ;
if ( this . state . elementType === "selection" ) {
const resizeElement = elements . find ( element = > {
return resizeTest ( element , x , y , {
@ -1248,6 +1253,7 @@ class App extends React.Component<{}, AppState> {
}
if ( isTextElement ( element ) ) {
resetCursor ( ) ;
const text = prompt ( "What text do you want?" ) ;
if ( text === null ) {
return ;
@ -1410,7 +1416,7 @@ class App extends React.Component<{}, AppState> {
window . removeEventListener ( "mousemove" , onMouseMove ) ;
window . removeEventListener ( "mouseup" , onMouseUp ) ;
document . documentElement . style . cursor = cursorStyle ;
resetCursor ( ) ;
// if no element is clicked, clear the selection and redraw
if ( draggingElement === null ) {