craftpip / angular-confirm

A multipurpose plugin for alert, confirm & dialog for angular1
http://craftpip.github.io/angular-confirm/
MIT License
115 stars 20 forks source link

Enter key doesn't work when modal contains an input with the cursor in it #26

Open jbernalvallejo opened 6 years ago

jbernalvallejo commented 6 years ago

It works for any other key or when input is not focus. However, when both situations occur simultaneously, enter action doesn't get triggered.

jbernalvallejo commented 6 years ago

Managed to fix the issue. As Angular already submits the form ng-submit function when pressing enter, I did a workaround to get this function calling the button action.

HTML in the modal template

 <form ng-submit="onSubmit()">
     <label>Name</label>
     <input type="text" ng-model="name"/>
</form>

JS modal config

},
onScopeReady: function(scope){
    // call button action when enter is pressed
    var self = this;
    scope.onSubmit = function () {
        self.buttons.confirm.action(scope);
    };
},
buttons: {
    confirm: {
      keys: ['enter'],
      action: function(scope) {
        // ...
        return;
      }
    }
}
AquiburRKhan commented 6 years ago

Thanks a lot for this