From d6158c455f9ffc6e81b08d8af48f7b27c56ff194 Mon Sep 17 00:00:00 2001
From: Steven Le <387282+stevenle@users.noreply.github.com>
Date: Thu, 12 Feb 2026 16:56:45 -0800
Subject: [PATCH] chore: improve keyboard/find behavior in doc editor

---
 packages/root-cms/ui/components/DocEditor/DocEditor.css | 4 ++++
 packages/root-cms/ui/components/DocEditor/DocEditor.tsx | 8 +++++---
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/packages/root-cms/ui/components/DocEditor/DocEditor.css b/packages/root-cms/ui/components/DocEditor/DocEditor.css
index 489f203b..cdf71cf3 100644
--- a/packages/root-cms/ui/components/DocEditor/DocEditor.css
+++ b/packages/root-cms/ui/components/DocEditor/DocEditor.css
@@ -330,6 +330,10 @@
   text-overflow: ellipsis;
 }
 
+.DocEditor__ArrayField__item__header__preview__title::before {
+  content: attr(data-preview);
+}
+
 .DocEditor__ArrayField__item__header__controls {
   flex-shrink: 0;
   display: flex;
diff --git a/packages/root-cms/ui/components/DocEditor/DocEditor.tsx b/packages/root-cms/ui/components/DocEditor/DocEditor.tsx
index 48633827..fe01b178 100644
--- a/packages/root-cms/ui/components/DocEditor/DocEditor.tsx
+++ b/packages/root-cms/ui/components/DocEditor/DocEditor.tsx
@@ -440,6 +440,7 @@ DocEditor.FieldHeader = (props: FieldProps & {className?: string}) => {
             <a
               className="DocEditor__FieldHeader__label__deeplink"
               href={deeplinkUrl}
+              tabIndex={-1}
               title="Link to field"
               onClick={(e) => {
                 e.preventDefault();
@@ -1540,9 +1541,10 @@ DocEditor.ArrayFieldPreview = (props: ArrayFieldPreviewProps) => {
           />
         </div>
       )}
-      <div className="DocEditor__ArrayField__item__header__preview__title">
-        {previewText}
-      </div>
+      <div
+        className="DocEditor__ArrayField__item__header__preview__title"
+        data-preview={previewText}
+      />
     </div>
   );
 };