From eb297e977e755a90fadd0cc4e86c0fc314eb636c Mon Sep 17 00:00:00 2001 From: yiekheng Date: Sun, 3 May 2026 10:19:02 +0800 Subject: [PATCH] fix(web): don't apply break-all when EditableCell has a custom renderView MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The break-all on the value span was added so long URLs (link column) wrap inside the narrow mobile cards. But it was also forcing character-by-character breaks inside the StatusBadge (e.g., 'available' splitting into 'ava\nila\nble' on narrow screens). Skip break-all when renderView is provided — those callers render their own atomic widgets (badges) that should never break. --- web/components/editable-cell.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/web/components/editable-cell.tsx b/web/components/editable-cell.tsx index 259e105..fdb6c09 100644 --- a/web/components/editable-cell.tsx +++ b/web/components/editable-cell.tsx @@ -84,7 +84,9 @@ export default function EditableCell({ aria-label={label ? `Edit ${label}` : undefined} className="group flex w-full min-w-0 items-center gap-2 -mx-2 rounded-md px-2 py-1 text-left font-mono text-[13px] text-zinc-900 transition-colors hover:bg-zinc-100/70 focus:outline-none focus-visible:ring-2 focus-visible:ring-zinc-900" > - + {renderView ? renderView(value) : value || —}