diff --git a/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue b/resources/js/components/fieldtypes/FieldDisplayFieldtype.vue
index ccd46edbb4..3908cc7b86 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"
/>
@@ -34,6 +35,9 @@ export default {
hidden() {
return this.getFieldSettingsValue('hide_display');
},
+ hideDisplayTooltip() {
+ return this.hidden ? __('Show Display label') : __('Hide Display Label');
+ },
},
mounted() {
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"
/>
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) }}
+
+ {{ __(config.display) }}
+