From f7531b895f66a12b7c697052d73b20483e90b3e5 Mon Sep 17 00:00:00 2001
From: sawka <mike.sawka@gmail.com>
Date: Tue, 30 Jul 2024 22:22:21 -0700
Subject: [PATCH] allow ten characters, also count glyphs not chars

---
 frontend/app/tab/tab.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/frontend/app/tab/tab.tsx b/frontend/app/tab/tab.tsx
index 9fe76862f..03664f01f 100644
--- a/frontend/app/tab/tab.tsx
+++ b/frontend/app/tab/tab.tsx
@@ -79,7 +79,8 @@ const Tab = React.memo(
                     }
                     return;
                 }
-
+                // this counts glyphs, not characters
+                const curLen = Array.from(editableRef.current.innerText).length;
                 if (event.key === "Enter") {
                     event.preventDefault();
                     if (editableRef.current.innerText.trim() === "") {
@@ -89,10 +90,7 @@ const Tab = React.memo(
                 } else if (event.key === "Escape") {
                     editableRef.current.innerText = originalName;
                     editableRef.current.blur();
-                } else if (
-                    editableRef.current.innerText.length >= 8 &&
-                    !["Backspace", "Delete", "ArrowLeft", "ArrowRight"].includes(event.key)
-                ) {
+                } else if (curLen >= 10 && !["Backspace", "Delete", "ArrowLeft", "ArrowRight"].includes(event.key)) {
                     event.preventDefault();
                 }
             };