[4.x] Bard: Only configure placeholder extension when placeholder is …

…provided (#9369)
statamic · Jan 22, 2024 · 0742d1a · 0742d1a
1 parent 95b81e6
commit 0742d1a
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/resources/js/components/fieldtypes/bard/BardFieldtype.vue b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
@@ -706,6 +706,7 @@ export default {
 
         getExtensions() {
             let modeExts = this.inputIsInline ? [DocumentInline] : [DocumentBlock, HardBreak];
+
             if (this.config.inline === 'break') {
                 modeExts.push(HardBreak.extend({
                     addKeyboardShortcuts() {
@@ -716,8 +717,12 @@ export default {
                     },
                 }));
             }
-           
-            // Allow passthrough of Ctrl/Cmd + Enter to submit the form 
+
+            if (this.config.placeholder) {
+                modeExts.push(Placeholder.configure({ placeholder: __(this.config.placeholder) }));
+            }
+
+            // Allow passthrough of Ctrl/Cmd + Enter to submit the form
             const DisableCtrlEnter = Extension.create({
                 addKeyboardShortcuts() {
                     return {
@@ -735,7 +740,6 @@ export default {
                 Gapcursor,
                 History,
                 Paragraph,
-                Placeholder.configure({ placeholder: __(this.config.placeholder) }),
                 Set.configure({ bard: this }),
                 Text
             ];