a modal form with a textarea doen't accept carriage return #3241

7 Answer(s)

• 

  0

  alirizaadiyahsi created 7 years ago

  Hi,

  Sorry, I can't understand your question. You talk about "carriage return", but your SO link about "submitting a form by hitting Enter".

  And you mention that "Administration/language" has the same problem. You mean "Administration/language/ChangeText/Edit" modal?

  Save Cancel
• 

  0

  olivierroecker created 7 years ago

  Hi, Yes, .... when you press the key "return" on your keyboard in a textarea in a modal form as "Administration/language/ChangeText/Edit" modal, is not possible to insert a new line because, the Submit action of the form is fired.

  Good beginning of week. Olivier

  Save Cancel
• 

  0

  alirizaadiyahsi created 7 years ago

  I tested again and there is no problem with "Administration/language/ChangeText/Edit".

  Sorry, could you share some codes to understand better? May be there is something missing in your code? Or I may be misunderstood.

  Thanks.

  Save Cancel
• 

  0

  ismcagdas created 7 years ago

  Support Team

  Hi @OlivierRoecker,

  Which template do you use ? Angular1, Angualr2 or one of jQuery version ?

  Thanks.

  Save Cancel
• 

  0

  olivierroecker created 7 years ago

  I'm using the ASPNETZERO MVC release, no angular... In the Core ASPNETZERO part, the screen in your explanation is not exactly the same as my own, in my case there are only two button: Cancel and Save. If i push the return key in my keyboard, the Save button is fired, and on new line is not add in the textarea, it's the same issue in IE or Chrome last releases.

  Thanks for your help.

  Save Cancel
• 

  0

  alirizaadiyahsi created 7 years ago

  Hi,

  You are right, in mvc project there is a problem as you mentioned. You can fix it with modifying the ~\aspnet-zero-core\aspnet-core\src\MyCompanyName.AbpZeroTemplate.Web.Mvc\wwwroot\view-resources\Areas\AppAreaName\Views\Languages_EditTextModal.js file like following.

  (function($) {
      app.modals.EditLanguageTextModal = function() {
  
          var _modalManager;
          var _languageService = abp.services.app.language;
          var _$editLanguageTextForm = null;
  
          this.init = function(modalManager) {
              _modalManager = modalManager;
  
              _$editLanguageTextForm = _modalManager.getModal().find('form[name=EditLanguageTextForm]');
              _$editLanguageTextForm.validate();
  
              // ------------------------------------------------------------------------------------------------
              // added following lines to fix form submitting when "Enter" key is pressed
              // ------------------------------------------------------------------------------------------------
              _$editLanguageTextForm.find("textarea").keydown(function(e) {
                  e.stopPropagation();
              });
              // ------------------------------------------------------------------------------------------------
          };
  
          this.save = function() {
              if (!_$editLanguageTextForm.valid()) {
                  return;
              }
  
              _modalManager.setBusy(true);
  
              _languageService
                  .updateLanguageText(_$editLanguageTextForm.serializeFormToObject())
                  .done(function() {
                      abp.notify.info(app.localize('SavedSuccessfully'));
                      _modalManager.close();
                      abp.event.trigger('app.editLanguageTextModalSaved');
                  }).always(function() {
                      _modalManager.setBusy(false);
                  });
          };
      };
  })(jQuery);
  

  In ModalManager.jsthere is a method to post form, when "Enter" key is pressed. Above is a workaround, we will fix this issue in next version.

  Thanks...

  Save Cancel
• 

  0

  olivierroecker created 7 years ago

  it's OK, thanks :D

  Save Cancel