(airflow) branch main updated: Variable table handle long words break when values are expanded (#62416)

[bbovenzi]

This is an automated email from the ASF dual-hosted git repository.

bbovenzi pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git


The following commit(s) were added to refs/heads/main by this push:
     new 6d6f8bf3d04 Variable table handle long words break when values are 
expanded (#62416)
6d6f8bf3d04 is described below

commit 6d6f8bf3d04fc3ee90a3dfd6f5c1e980dabb549a
Author: Pierre Jeambrun <pierrejb...@gmail.com>
AuthorDate: Wed Feb 25 22:25:51 2026 +0100

    Variable table handle long words break when values are expanded (#62416)
---
 .../airflow/ui/src/pages/Variables/Variables.tsx   | 24 +++++++++++++---------
 1 file changed, 14 insertions(+), 10 deletions(-)

diff --git a/airflow-core/src/airflow/ui/src/pages/Variables/Variables.tsx 
b/airflow-core/src/airflow/ui/src/pages/Variables/Variables.tsx
index 9da775823f2..37eccfc27f2 100644
--- a/airflow-core/src/airflow/ui/src/pages/Variables/Variables.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/Variables/Variables.tsx
@@ -91,22 +91,26 @@ const getColumns = ({
     {
       accessorKey: "value",
       cell: ({ row }) => (
-        <TrimText
-          charLimit={open ? row.original.value.length : undefined}
-          showTooltip
-          text={row.original.value}
-        />
+        <Box minWidth={0} overflowWrap="anywhere" wordBreak="break-word">
+          <TrimText
+            charLimit={open ? row.original.value.length : undefined}
+            showTooltip
+            text={row.original.value}
+          />
+        </Box>
       ),
       header: translate("columns.value"),
     },
     {
       accessorKey: "description",
       cell: ({ row }) => (
-        <TrimText
-          charLimit={open ? row.original.description?.length : undefined}
-          showTooltip
-          text={row.original.description}
-        />
+        <Box minWidth={0} overflowWrap="anywhere" wordBreak="break-word">
+          <TrimText
+            charLimit={open ? row.original.description?.length : undefined}
+            showTooltip
+            text={row.original.description}
+          />
+        </Box>
       ),
       header: translate("columns.description"),
     },