<div id="am-category-filter-bar" class="show-for-medium">
  <div class="row collapse">
    <div id="inputWrapper" class="small-12 columns">
      <!-- Category Filter Input -->
      <input ng-model="categoryFilterBar.input" ng-model-options="{ debounce: 100 }" type="text" focus-if="categoryFilterBar.focusInput" ng-disabled="categoryFilterBar.disabled">

      <!-- Matching Categories -->
      <div class="matches" ng-if="categoryFilterBar.matches">

        <!-- Category Tiles -->
        <div ng-repeat="category in categoryFilterBar.matches">

          <!-- Category Tile -->
          <div class="tile" ng-click="categoryFilterBar.handle($event)">
            <input ng-model="category.selected" type="checkbox" name="category-tile-{{ category.id }}">
            <label ng-mouseover="categoryFilterBar.helpCategory = category" id="match-category-tile-{{ $index }}" ng-class="{ 'hovered' : categoryFilterBar.focusIndex == $index }" for="category-tile-{{ category.id }}">{{ category.name }}</label>
          </div>

        </div>

      </div>

    </div>
  </div>
</div>

<div id="am-category-filter-bar" class="show-for-medium">
  <div class="row collapse">
    <div id="inputWrapper" class="small-12 columns">
      <!-- Category Filter Input (Class "mousetrap" tells hotkeys directive to allow hotkey input on this ) -->
      <input class="mousetrap" ng-model="categoryFilterBar.input" ng-model-options="{ debounce: 100 }" type="text" focus-if="categoryFilterBar.focusInput" ng-disabled="categoryFilterBar.disabled">
      <!-- Matching Categories -->
      <div class="matches" ng-if="categoryFilterBar.matches">

        <!-- Category Tiles -->
        <div ng-repeat="category in categoryFilterBar.matches">

          <!-- Category Tile -->
          <div class="tile" ng-click="categoryFilterBar.handle($event)">
            <input ng-model="category.selected" type="checkbox" name="category-tile-{{ category.id }}">
            <label ng-mouseover="categoryFilterBar.helpCategory = category" id="match-category-tile-{{ $index }}" ng-class="{ 'hovered' : categoryFilterBar.focusIndex == $index }" for="category-tile-{{ category.id }}">{{ category.name }}</label>
          </div>

        </div>

      </div>

    </div>
  </div>
</div>

Enable hotkeys only on category filter bar input
Enable hotkeys only on category filter bar input
