From 03b351ef902a2229fc267d5919119589e4412ddc Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 9 Jan 2026 12:36:26 +0000
Subject: [PATCH 1/7] Bard - do not show the focus outline when in full screen
 mode when you are typing because it's distracting

---
 resources/js/components/fieldtypes/bard/BardFieldtype.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/resources/js/components/fieldtypes/bard/BardFieldtype.vue b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
index 33e2e188425..e8d987d5631 100644
--- a/resources/js/components/fieldtypes/bard/BardFieldtype.vue
+++ b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
@@ -50,11 +50,12 @@
                     </div>
 
                     <div
-                        class="bard-editor @container/bard focus-within:focus-outline"
+                        class="bard-editor @container/bard"
                         :class="{
                             'mode:read-only': readOnly,
                             'mode:minimal': !showFixedToolbar,
                             'mode:inline': inputIsInline,
+                            'focus-within:focus-outline': !fullScreenMode,
                         }"
                         tabindex="0"
                     >

From 9288ddcf0392c598d5e57e146e35d55323951664 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 9 Jan 2026 14:09:33 +0000
Subject: [PATCH 2/7] Markdown - do not show the focus outline when in full
 screen mode when you are typing because it's distracting

---
 .../js/components/fieldtypes/markdown/MarkdownFieldtype.vue     | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
index 217bcfd8f6a..ad9a307a86c 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
@@ -73,7 +73,7 @@
                                 @drop="draggingFile = false"
                                 @keydown="shortcut"
                             >
-                                <div class="editor relative top-[0.5px] z-(--z-index-above) st-text-legibility focus-within:focus-outline" ref="codemirror">
+                                <div class="editor relative top-[0.5px] z-(--z-index-above) st-text-legibility" ref="codemirror" :class="{ 'focus-within:focus-outline': !fullScreenMode }">
                                     <div
                                         v-if="showFloatingToolbar && toolbarIsFloating && !isReadOnly"
                                         class="markdown-floating-toolbar absolute z-50 flex items-center gap-1 rounded-lg border border-gray-300 bg-white px-2 py-1 shadow-lg dark:border-white/10 dark:bg-gray-900"

From 5710cff7e4e2d3bd87d907dddd2de1bfbc5ac9c7 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 9 Jan 2026 14:12:01 +0000
Subject: [PATCH 3/7] Bard - Focus the editor content when entering fullscreen
 mode

---
 resources/js/components/fieldtypes/bard/BardFieldtype.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/resources/js/components/fieldtypes/bard/BardFieldtype.vue b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
index e8d987d5631..a7daf0e824e 100644
--- a/resources/js/components/fieldtypes/bard/BardFieldtype.vue
+++ b/resources/js/components/fieldtypes/bard/BardFieldtype.vue
@@ -441,6 +441,12 @@ export default {
 
             if (fullScreenMode) {
                 this.escBinding = this.$keys.bindGlobal('esc', this.closeFullscreen);
+                // Focus the editor content when entering fullscreen mode
+                this.$nextTick(() => {
+                    if (this.editor) {
+                        this.editor.commands.focus();
+                    }
+                });
             } else {
                 this.escBinding?.destroy();
             }

From e0aba364839c5eb2e084f395e2e76c4b082d76a6 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 9 Jan 2026 14:12:49 +0000
Subject: [PATCH 4/7] Markdown - Focus the editor content when entering
 fullscreen mode

---
 .../js/components/fieldtypes/markdown/MarkdownFieldtype.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
index ad9a307a86c..055727c1462 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownFieldtype.vue
@@ -328,6 +328,12 @@ export default {
             this.fullScreenMode = true;
             this.escBinding = this.$keys.bindGlobal('esc', this.closeFullScreen);
             this.trackHeightUpdates();
+            // Focus the CodeMirror editor when entering fullscreen mode
+            this.$nextTick(() => {
+                if (this.codemirror) {
+                    this.codemirror.focus();
+                }
+            });
         },
 
         toggleFullscreen() {

From 42bafb850c503c587c0915151e67647481b3b2de Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 9 Jan 2026 14:17:28 +0000
Subject: [PATCH 5/7] Markdown - Make the fullscreen toolbar spacing consistent
 with Bard fullscreen

---
 resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue b/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
index 2387b30688c..4c01db5c803 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
@@ -1,6 +1,6 @@
 <template>
     <div data-markdown-toolbar>
-        <div class="flex items-center" v-if="!isReadOnly">
+        <div class="flex items-center gap-2" v-if="!isReadOnly">
             <Button
                 :aria-label="button.text"
                 :icon="button.svg"

From 60280c60adb6c16014ec173931696ee7c9fb44fe Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 9 Jan 2026 14:25:46 +0000
Subject: [PATCH 6/7] Markdown/Bard fullscreen - make border-radius consistent

---
 resources/css/components/fieldtypes/markdown.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/css/components/fieldtypes/markdown.css b/resources/css/components/fieldtypes/markdown.css
index ff4980cbd28..99711241968 100644
--- a/resources/css/components/fieldtypes/markdown.css
+++ b/resources/css/components/fieldtypes/markdown.css
@@ -110,7 +110,7 @@
     }
 
     .editor {
-        @apply relative mx-auto my-6 max-w-5xl rounded-xl bg-white dark:bg-gray-900! px-2 shadow-ui-md md:px-8 md:pt-8;
+        @apply relative mx-auto my-6 max-w-5xl rounded-lg bg-white dark:bg-gray-900! px-2 shadow-ui-md md:px-8 md:pt-8;
 
         .CodeMirror-scroll {
             @apply m-0;

From 4f74b9489518fcde4f67a4407196abe2cb8b9bee Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Fri, 9 Jan 2026 14:30:28 +0000
Subject: [PATCH 7/7] Markdown - only change fullscreen toolbar spacing

---
 resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue b/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
index 4c01db5c803..22ea6010cf1 100644
--- a/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
+++ b/resources/js/components/fieldtypes/markdown/MarkdownToolbar.vue
@@ -1,6 +1,6 @@
 <template>
     <div data-markdown-toolbar>
-        <div class="flex items-center gap-2" v-if="!isReadOnly">
+        <div class="flex items-center" :class="{ 'gap-2': isFullscreen }" v-if="!isReadOnly">
             <Button
                 :aria-label="button.text"
                 :icon="button.svg"