From 251106edbdfaecf8d3d659e16412a5a18c109b0e Mon Sep 17 00:00:00 2001
From: Mikael Finstad <finstaden@gmail.com>
Date: Thu, 6 Nov 2025 14:27:44 +0800
Subject: [PATCH] add tabindex

---
 src/renderer/src/components/FileNameTemplateEditor.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/renderer/src/components/FileNameTemplateEditor.tsx b/src/renderer/src/components/FileNameTemplateEditor.tsx
index 573b4c35..c74e4329 100644
--- a/src/renderer/src/components/FileNameTemplateEditor.tsx
+++ b/src/renderer/src/components/FileNameTemplateEditor.tsx
@@ -163,7 +163,7 @@ function FileNameTemplateEditor(opts: {
       <motion.div animate={{ marginBottom: needToShow ? '1.5em' : '.3em' }}>
         {generated != null && (
           <div style={{ marginBottom: '.3em' }}>
-            <HighlightedText role="button" onClick={onShowClick} style={{ wordBreak: 'break-word', cursor: needToShow ? undefined : 'pointer' }}>
+            <HighlightedText role="button" onClick={onShowClick} tabIndex={0} style={{ wordBreak: 'break-word', cursor: needToShow ? undefined : 'pointer' }}>
               {generated.originalFileNames != null && formatCurrentSegFileOrFirst(generated.fileNames)}
               <span style={generated.originalFileNames != null ? { textDecoration: 'line-through', marginLeft: '.3em', color: dangerColor } : undefined}>{formatCurrentSegFileOrFirst(generated.originalFileNames ?? generated.fileNames)}</span>
               {!needToShow && <FaEdit style={{ fontSize: '.9em', marginLeft: '.4em', verticalAlign: 'middle' }} />}