 
   initialRender: ->
     @svg = d3.select(@el).append('svg')
-    @background = @svg.append('g').attr('class', 'background')
     @texts = @svg.append('g').attr('class', 'tokens')
 
-    @texts.on 'click', => @_onClickText(d3.event.target)
+    @svg.on 'click', => @_onClickSvg(d3.event.target)
 
     @fontSize = d3.scale.linear()
       .domain([ 1, 2 ])

      .style('width', 0)
      .style('height', 0)
      .style('transform', cssTransform)
      .append('button')
        .attr('data-token', token[0])
        .attr('class', 'ignore-token')
        .style('position', 'relative')
        .text('Ignore this word')
        .style('text-align', 'center')
        .style('width', '9em')
        .style('left', '-4.5em')
        .style('top', '3px')

  _drawFromLayout: (data) ->
    texts = @texts.selectAll('text').data(data, (d) -> d[0])

  render: ->
    @initialRender() if !@svg?
    @delete?.remove()
    @delete = null

    w = @el.parentNode.clientWidth || 100
    h = @el.parentNode.clientHeight || 100
