Brijesh Bhalala created ATLAS-5378:
--------------------------------------
Summary: Atlas React UI: Long text in array-based Technical
Properties (inputs/outputs) breaks table layout and overlaps side panels
Key: ATLAS-5378
URL: https://issues.apache.org/jira/browse/ATLAS-5378
Project: Atlas
Issue Type: Bug
Affects Versions: 2.5.0, 3.0.0
Reporter: Brijesh Bhalala
Assignee: Brijesh Bhalala
Attachments: Screenshot from 2026-08-17 15-32-38.png
On the Entity Details "Properties" tab within the new React UI, array-based
Technical Properties (such as {{inputs}} and {{{}outputs{}}}) fail to wrap or
truncate when they contain exceptionally long string values.
Because these array values are rendered inside a {{{}<pre>{}}}/{{{}<code>{}}}
block ({{{}.code-block{}}} class), long contiguous strings force the container
width to expand indefinitely. This severely breaks the Flexbox/Grid layout,
causing the technical properties table to blow out horizontally and completely
cover the right-side accordion panels (User-defined properties, Labels,
Business Metadata).
*Steps to Reproduce:*
# Create a {{DataSet}} entity with a massively long, continuous string for its
{{name}} or {{qualifiedName}} (e.g.,
{{{}test_dataset_with_a_MASSIVE_name_AAAA...{}}}).
# Create a {{Process}} entity and assign the above {{DataSet}} to its
{{inputs}} or {{outputs}} array.
# Open the Entity Details page for the {{Process}} entity in the React UI
({{{}dashboard{}}}).
# Navigate to the *Properties* tab and ensure the *Technical Properties*
accordion is expanded.
# Observe that the {{inputs}} or {{outputs}} row does not wrap the long text.
Instead, the text box overflows horizontally, pushing past the table boundaries
and overlapping the right-hand accordion panels.
*Expected Behavior:* Long text strings rendered within the {{.code-block}}
elements of the Technical Properties table should properly wrap (using
{{word-break}} or {{white-space}} CSS rules) or neatly truncate with an
ellipsis. The table cell must respect its maximum container width so that the
layout remains responsive and never overlaps the side panels.
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
