     @selectCanvas.style['background-color'] = 'transparent'
     @selectCtx = @selectCanvas.getContext('2d')
     @shiftKeyDown=false
-
+    @_lc = lc
+
+  _selectKeyDownListener: (e) =>
+    console.log(this)
+    if(e.keyCode==46) #delete
+      @_lc.deleteShape(@selectedShape)
+      @_clearCurrentShape(@_lc)
+    else if (e.keyCode==16) #shift
+      @shiftKeyDown=true
+
+  _selectKeyUpListener: (e) =>
+    if (e.keyCode==16) #shift
+      @shiftKeyDown=false
 
   _getSelectionShape: (ctx, backgroundColor=null) ->
     createShape('SelectionBox', {shape: @selectedShape, ctx, backgroundColor})

    @currentShapeState = null
    lc.setShapesInProgress([])
    lc.repaintLayer('main')
    document.removeEventListener('keydown', @_selectKeyListener)
    document.removeEventListener('keyup', @_selectKeyUpListener)

  _getDragAction: (lc,point)->

        @_updateInputEl(lc)
        e.stopPropagation()

      # @inputEl.addEventListener 'keydown', => @_updateInputEl(lc, true)
      # @inputEl.addEventListener 'keyup', onChange
      @inputEl.addEventListener 'change', onChange

      @_updateInputEl(lc)
