 
     # Handles dom click events.
     #
-    clickHandler = =>
-      return  if @_active
+    clickHandler = (e) =>
+      if @_active
+        recorder.cancel()  if e.target.className is CANCEL_CLASS_NAME
+        return
 
       @setClass ACTIVE_CLASS_NAME
       @unsetClass DUP_CLASS_NAME
       @_active = yes
-      binding.updatePartial ''
+      binding.updatePartial BINDING_ACTIVE_PARTIAL
 
       # Start a recording session.
       @emit EventType.Item.SELECTED,

  CLASS_NAME = 'row'

  TOGGLE_PARTIAL = '<div class=toggle><span class=icon>'

  constructor: (options, data) ->


  # Class name to set for duplicate/colliding items.
  DUP_CLASS_NAME = 'collides'

  # Class name that we use to catch cancel click.
  CANCEL_CLASS_NAME = 'cancel'

  # The maximum description string length.
  DESCRIPTION_TRUNC_LEN = 30

