From 9297025d0b7ddf095eb618dfaaab2ff8f2018d8b Mon Sep 17 00:00:00 2001
From: GitLab Bot <gitlab-bot@gitlab.com>
Date: Tue, 19 Dec 2023 11:01:45 +0000
Subject: Add latest changes from gitlab-org/gitlab@16-7-stable-ee

---
 .../pages/shared/wikis/components/wiki_form.vue           | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

(limited to 'app/assets/javascripts/pages/shared/wikis/components/wiki_form.vue')

diff --git a/app/assets/javascripts/pages/shared/wikis/components/wiki_form.vue b/app/assets/javascripts/pages/shared/wikis/components/wiki_form.vue
index eaa99556994..855c7c4105f 100644
--- a/app/assets/javascripts/pages/shared/wikis/components/wiki_form.vue
+++ b/app/assets/javascripts/pages/shared/wikis/components/wiki_form.vue
@@ -187,6 +187,11 @@ export default {
       return typeof this.drawioUrl === 'string' && this.drawioUrl.length > 0;
     },
   },
+  watch: {
+    title() {
+      this.updateCommitMessage();
+    },
+  },
   mounted() {
     if (!this.commitMessage) this.updateCommitMessage();
 
@@ -302,7 +307,7 @@ export default {
     />
 
     <div class="row">
-      <div class="col-sm-9">
+      <div class="col-12">
         <gl-form-group :label="$options.i18n.title.label" label-for="wiki_title">
           <template #description>
             <gl-icon class="gl-mr-n1" name="bulb" />
@@ -321,7 +326,6 @@ export default {
             :required="true"
             :autofocus="!pageInfo.persisted"
             :placeholder="$options.i18n.title.placeholder"
-            @input="updateCommitMessage"
           />
         </gl-form-group>
       </div>
@@ -361,8 +365,8 @@ export default {
             :drawio-enabled="drawioEnabled"
             @contentEditor="notifyContentEditorActive"
             @markdownField="notifyContentEditorInactive"
-            @keydown.ctrl.enter="submitFormShortcut"
-            @keydown.meta.enter="submitFormShortcut"
+            @keydown.ctrl.enter="submitFormWithShortcut"
+            @keydown.meta.enter="submitFormWithShortcut"
           />
           <div class="form-text gl-text-gray-600">
             <gl-sprintf
@@ -404,7 +408,7 @@ export default {
       </div>
     </div>
 
-    <div class="form-actions">
+    <div class="gl-display-flex gl-gap-3" data-testid="wiki-form-actions">
       <gl-button
         category="primary"
         variant="confirm"
@@ -416,7 +420,6 @@ export default {
       <gl-button
         data-testid="wiki-cancel-button"
         :href="cancelFormPath"
-        class="float-right"
         @click="isFormDirty = false"
       >
         {{ $options.i18n.cancel }}</gl-button
-- 
cgit v1.2.3

