uiSelectDisableBackspaceClearDirective.js

const UiSelectDisableBackspaceClearDirective = () => {
  return {
    restrict: 'A',
    require: 'uiSelect',
    link: ($scope, $element, attrs, uiSelectCtrl) => {
      const shouldDisableBackspaceClear = $scope.$eval(attrs['uiSelectDisableBackspaceClear']);
      if(!shouldDisableBackspaceClear) {
        return;
      }

      uiSelectCtrl.focusser.keydown((event) => {
        const backspaceKeyPressed = event.keyCode === 8;
        if (backspaceKeyPressed) {
          event.stopImmediatePropagation();
        }
      });

      const eventListeners = $._data(uiSelectCtrl.focusser[0], 'events');

      eventListeners.keydown.unshift(eventListeners.keydown.pop());
    },
  };
};

UiSelectDisableBackspaceClearDirective.$inject = [];

export default UiSelectDisableBackspaceClearDirective;