         cssClass: 'pane'
 
     @addSubView new kd.View
-      tagName: 'div'
       cssClass: 'instructions'
       partial: 'To change a shortcut, click the key combination, then type the new keys.'
 
-    @addSubView tabView = new kd.TabView
+    @addSubView @tabView = new kd.TabView
       tabClass: Pane
       paneData: paneData
       hideHandleCloseIcons: yes
       enableMoveTabHandle: no
+
+    @tabView.on 'PaneDidShow', recorder.cancel
 
     @addSubView new kd.ButtonView
       title: 'Restore Defaults'
       style: 'solid light-gray medium restore'
       callback: @bound 'restoreDefaults'
 
-    tabView.showPaneByIndex 0
+    @tabView.showPaneByIndex 0

kd     = require 'kd'
_      = require 'lodash'
Pane   = require './accounteditshortcutspane'
facade = require './accounteditshortcutsfacade'

module.exports = class AccountEditShortcuts extends kd.View

  constructor: (options={}, data) ->


  destroy: ->

    @parent.parent.off 'KDTabPaneInactive', @bound 'destroy'
    @tabView.off 'PaneDidShow', recorder.cancel

    kd.getSingleton('shortcuts').unpause()
    facade.dispose()
