Should prevent keypress actions when event is generated by a form element

[exocom]

It would be nice if the keydownListener would NOT fire if the event comes is generated by a form element. IE input, select, textarea.

For example when using md radio group with a nested form in each. When the LEFT_ARROW is pressed inside of the nested input, the md radio group is switched.

P.S. I believe this will apply to ALL of the arrow events on every material directive, not just md-radio-groups.

<md-radio-group ng-model="model.hasInsurance">
    <md-radio-button value="Basic">Basic Form</md-radio-button>
    <div ng-if="model.hasInsurance === 'basic'">
        <!-- Pushing the left arrow inside the input triggers this div to hide :( -->
        <input type="text" ng-model="account.insurance.id" required>
        <input type="text" ng-model="account.insurance.id" required>
    </div>

    <md-radio-button value="Advanced">Basic Form</md-radio-button>
    <div ng-if="model.hasInsurance === 'Advanced'">
        <!-- Pushing the left arrow inside the inputs triggers this div to hide :( -->
        <input type="text" ng-model="account.insurance.id" required>
        <input type="text" ng-model="account.insurance.id" required>
        <input type="text" ng-model="account.insurance.id" required>
        <input type="text" ng-model="account.insurance.id" required>
        <input type="text" ng-model="account.insurance.id" required>
        <input type="text" ng-model="account.insurance.id" required>
        <input type="text" ng-model="account.insurance.id" required>
    </div>
</md-radio-group>

Here is my current hack

function keydownListener(ev) {
  var keyCode = ev.which || ev.keyCode;
  var isValidElement = true; 
    switch (ev.originalEvent.originalTarget.tagName){
      case 'INPUT':
      case 'SELECT':
      case 'TEXTAREA':
        isValidElement = false;
      break;
    }
    if(isValidElement) {
       switch(keyCode) {
            case $mdConstant.KEY_CODE.LEFT_ARROW:
            case $mdConstant.KEY_CODE.UP_ARROW:
              ev.preventDefault();
              rgCtrl.selectPrevious();
              setFocus();
              break;

            case $mdConstant.KEY_CODE.RIGHT_ARROW:
            case $mdConstant.KEY_CODE.DOWN_ARROW:
              ev.preventDefault();
              rgCtrl.selectNext();
              setFocus();
              break;

            case $mdConstant.KEY_CODE.ENTER:
              var form = angular.element($mdUtil.getClosest(element[0], 'form'));
              if (form.length > 0) {
                form.triggerHandler('submit');
              }
              break;
          }
          break;
    }

[Clan-Utility]

Facing the same problem. I put a <input> after each <md-radio-button> and would like to use the arrow inside rather than navigation through <md-radio-button>s.

Is there a general way to disable arrow key navigation for <md-radio-button>?