         @get('controller').hide()
 
       mouseEnter: ->
-        options = @get('controller.filteredOptions')
+        options = @get('filteredOptions')
         hoveredOption = @get('context')
 
         for option, index in options
           if option == hoveredOption
-            @set 'controller.highlightedIndex', index
+            @set 'highlightedIndex', index
             break
 
 

        @set 'content', context

      isHighlighted: Ember.computed ->
        options = @get('controller.filteredOptions')
        index = @get('controller.highlightedIndex')
        option = options[index]

        option is @get('context')
      .property 'controller.highlightedIndex', 'content'

      isSelected: Ember.computed ->
        @get('controller.selection') is @get('context')
      .property 'controller.selection', 'content'

      click: ->
        option = @get('context')
        event = @get('controller.event')

        if event == 'select'
          @set('controller.selection', option)

        else if event == 'action'
          action = option.get('action')

  # List View

  listView: Ember.ListView.extend
    # Overriding this temporarily to fix the scrollbars in Firefox
    css:
      position: 'relative'
      overflow: 'auto'
