Merge branch '292891-jira-integration-changes-cannot-be-saved-using-firefox-browser' into 'master'

Fix integrations not saving on Firefox

See merge request gitlab-org/gitlab!50018

app/assets/javascripts/integrations/edit/components/integration_form.vue

@@ -59,9 +59,6 @@ export default {
     showReset() {
       return this.isInstanceOrGroupLevel && this.propsSource.resetPath;
     },
-    saveButtonKey() {
-      return `save-button-${this.isDisabled}`;
-    },
   },
   methods: {
     ...mapActions([
@@ -120,7 +117,6 @@ export default {
     <div v-if="isEditable" class="footer-block row-content-block">
       <template v-if="isInstanceOrGroupLevel">
         <gl-button
-          :key="saveButtonKey"
           v-gl-modal.confirmSaveIntegration
           category="primary"
           variant="success"
@@ -134,7 +130,6 @@ export default {
       </template>
       <gl-button
         v-else
-        :key="saveButtonKey"
         category="primary"
         variant="success"
         type="submit"

app/assets/javascripts/integrations/integration_settings_form.js

 import $ from 'jquery';
+import { delay } from 'lodash';
 import axios from '../lib/utils/axios_utils';
 import { __, s__ } from '~/locale';
 import toast from '~/vue_shared/plugins/global_toast';
@@ -43,7 +44,9 @@ export default class IntegrationSettingsForm {
     const formValid = this.$form.get(0).checkValidity() || this.formActive === false;
 
     if (formValid) {
-      this.$form.submit();
+      delay(() => {
+        this.$form.trigger('submit');
+      }, 100);
     } else {
       eventHub.$emit('validateForm');
       this.vue.$store.dispatch('setIsSaving', false);