From fea083415c70cf709fb2da80cf823e2d5026c18f Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Mon, 26 Jan 2026 10:04:48 +0000
Subject: [PATCH 1/6] Hide the first replicator connector line when the label
 is hidden

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

diff --git a/resources/js/components/fieldtypes/replicator/AddSetButton.vue b/resources/js/components/fieldtypes/replicator/AddSetButton.vue
index 711fc174f2..48fdc191ea 100644
--- a/resources/js/components/fieldtypes/replicator/AddSetButton.vue
+++ b/resources/js/components/fieldtypes/replicator/AddSetButton.vue
@@ -16,7 +16,7 @@
                 :class="{ 'py-3.5 -mt-2 top-0.5': isFirst }"
             >
                 <div
-                    v-if="showConnector"
+                    v-if="showConnector && props.label"
                     class="absolute group-focus-within:opacity-0 transition-opacity group-focus-within:transition-none delay-10 duration-250 inset-y-0 left-3.5 border-l-1 border-gray-400 dark:border-gray-600 border-dashed z-0 dark:bg-gray-850"
                     :class="{
 						'group-hover:opacity-0': enabled,

From 917c31361d07b11eefef85eae2ee73d56447d85c Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Mon, 2 Feb 2026 14:54:48 +0000
Subject: [PATCH 2/6] Revert hiding the first replicator connector line when
 the label is hidden

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

diff --git a/resources/js/components/fieldtypes/replicator/AddSetButton.vue b/resources/js/components/fieldtypes/replicator/AddSetButton.vue
index f21e8ba151..a9d1bd0c17 100644
--- a/resources/js/components/fieldtypes/replicator/AddSetButton.vue
+++ b/resources/js/components/fieldtypes/replicator/AddSetButton.vue
@@ -16,7 +16,7 @@
                 :class="{ 'py-3.5 -mt-2 top-0.5': isFirst }"
             >
                 <div
-                    v-if="showConnector && props.label"
+                    v-if="showConnector"
                     class="absolute group-focus-within:opacity-0 transition-opacity group-focus-within:transition-none delay-10 duration-250 inset-y-0 left-3.5 border-l-1 border-gray-400 dark:border-gray-600 border-dashed z-0 dark:bg-gray-850"
                     :class="{
                         'group-hover:opacity-0': enabled,

From 74e8cbc917212d591e58e883badd2221c177133a Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Mon, 2 Feb 2026 15:06:51 +0000
Subject: [PATCH 3/6] When hide display is configured the label should only be
 visually hidden, it should still be available for screenreaders

---
 resources/js/components/ui/Publish/Field.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/resources/js/components/ui/Publish/Field.vue b/resources/js/components/ui/Publish/Field.vue
index 2f94dbe734..af57479245 100644
--- a/resources/js/components/ui/Publish/Field.vue
+++ b/resources/js/components/ui/Publish/Field.vue
@@ -148,6 +148,7 @@ const shouldShowLabelText = computed(() => !props.config.hide_display);
 const shouldShowLabel = computed(
     () =>
         shouldShowLabelText.value || // Need to see the text
+        props.config.hide_display || // Need label for accessibility (visually hidden)
         isLocked.value || // Need to see the avatar
         isSyncable.value, // Need to see the icon
 );
@@ -239,6 +240,9 @@ const fieldtypeComponentEvents = computed(() => ({
                             {{ __(config.display) }}
                         </span>
                     </template>
+                    <template v-else-if="config.hide_display">
+                        <span class="sr-only">{{ __(config.display) }}</span>
+                    </template>
                     <ui-button size="xs" inset icon="synced" variant="ghost" v-tooltip="__('messages.field_synced_with_origin')" v-if="!isReadOnly && isSyncable" v-show="isSynced" @click="desync" />
                     <ui-button size="xs" inset icon="unsynced" variant="ghost" v-tooltip="__('messages.field_desynced_from_origin')" v-if="!isReadOnly && isSyncable" v-show="!isSynced" @click="sync" />
                 </Label>

From 4ef52e031fcb1bfd19efed7acbae0eea64a28d40 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Mon, 2 Feb 2026 15:15:48 +0000
Subject: [PATCH 4/6] Hide the first replicator connector line when the label
 is hidden

---
 resources/js/components/fieldtypes/replicator/Replicator.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/resources/js/components/fieldtypes/replicator/Replicator.vue b/resources/js/components/fieldtypes/replicator/Replicator.vue
index 8f54d75f8d..9b0f82ddd8 100644
--- a/resources/js/components/fieldtypes/replicator/Replicator.vue
+++ b/resources/js/components/fieldtypes/replicator/Replicator.vue
@@ -60,6 +60,7 @@
                                             :index="index"
                                             :enabled="canAddSet"
                                             :is-first="index === 0"
+                                            :show-connector="!(index === 0 && config.hide_display)"
                                             :loading-set="loadingSet"
                                             @added="addSet"
                                         />

From 4d817ad80ad03f56851b21ba635ec50306d45bec Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Mon, 2 Feb 2026 17:21:07 +0000
Subject: [PATCH 5/6] Add a tooltip for the Hide/Show Label control

---
 resources/js/components/fieldtypes/FieldDisplayFieldtype.vue | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue b/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
index ccd46edbb4..a6f82a9044 100644
--- a/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
+++ b/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
@@ -13,6 +13,7 @@
                     size="sm"
                     :icon="hidden ? 'eye-closed' : 'eye'"
                     variant="ghost"
+                    v-tooltip="hideDisplayTooltip"
                     @click="toggleHidden"
                 />
             </template>
@@ -34,6 +35,9 @@ export default {
         hidden() {
             return this.getFieldSettingsValue('hide_display');
         },
+        hideDisplayTooltip() {
+            return this.hidden ? __('Show display label') : __('Hide display label');
+        },
     },
 
     mounted() {

From f5dfe774017daf8cc9e107c962a8068984aee623 Mon Sep 17 00:00:00 2001
From: Jay George <contact@jaygeorge.co.uk>
Date: Mon, 2 Feb 2026 18:06:19 +0000
Subject: [PATCH 6/6] Capitalise to match the field title

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

diff --git a/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue b/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
index a6f82a9044..3908cc7b86 100644
--- a/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
+++ b/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
@@ -36,7 +36,7 @@ export default {
             return this.getFieldSettingsValue('hide_display');
         },
         hideDisplayTooltip() {
-            return this.hidden ? __('Show display label') : __('Hide display label');
+            return this.hidden ? __('Show Display label') : __('Hide Display Label');
         },
     },