This is an automated email from the ASF dual-hosted git repository. rahulvats pushed a commit to branch backport-62416 in repository https://gitbox.apache.org/repos/asf/airflow.git
commit e2d3729cd6cbfada50f24862ace8b2e821bfbd9c Author: Pierre Jeambrun <[email protected]> AuthorDate: Wed Feb 25 22:25:51 2026 +0100 Variable table handle long words break when values are expanded (#62416) (cherry picked from commit 6d6f8bf3d04fc3ee90a3dfd6f5c1e980dabb549a) --- .../src/airflow/ui/src/pages/Variables/Variables.tsx | 20 ++++++++++++++++++-- 1 file changed, 18 insertions(+), 2 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 fdea3be2383..4c524f2672a 100644 --- a/airflow-core/src/airflow/ui/src/pages/Variables/Variables.tsx +++ b/airflow-core/src/airflow/ui/src/pages/Variables/Variables.tsx @@ -82,12 +82,28 @@ const getColumns = ({ }, { accessorKey: "value", - cell: ({ row }) => <TrimText showTooltip text={row.original.value} />, + cell: ({ row }) => ( + <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 showTooltip text={row.original.description} />, + cell: ({ row }) => ( + <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"), }, {
