Brijesh Bhalala created ATLAS-5330:
--------------------------------------
Summary: Atlas React UI: Text overflow issues in Recent Activity,
Search Filters, and Popovers for long classification names
Key: ATLAS-5330
URL: https://issues.apache.org/jira/browse/ATLAS-5330
Project: Atlas
Issue Type: Bug
Components: atlas-core
Affects Versions: 2.5.0
Reporter: Brijesh Bhalala
Assignee: Brijesh Bhalala
When a classification or entity is created with an exceptionally long,
continuous string of characters (without spaces), the text does not wrap. This
causes the text to bleed horizontally past its container boundaries, breaking
the structural layout across multiple UI components.
*Areas Affected:*
* *Recent Activity Widget (Dashboard):* Action entries overflow the card
boundary, creating horizontal scrolling and overlapping margins.
* *Search Results Filter Bar:* Applied classification tag labels span
continuously out of bounds, breaking the table header layout.
* *Include/Exclude Filter Dialog:* Text strings containing the long
classification name bleed out of the modal/popover limits.
*Steps to Reproduce:*
# Create a classification or entity with a continuous name > 80 characters
(e.g., {{CLasssCLasssCLasssCLasss...}} with no spaces).
# Go to the Atlas Dashboard and view the "Recent Activity" widget to see the
text overflow.
# Go to the "Search" page, select the long classification, and apply filters
to see the layout break in the applied tags bar and inside the filter dialog.
*Expected Behavior:* All UI components displaying user-generated text must
enforce text wrapping so the layout remains intact.
* For block elements (like Recent Activity entries), apply {{overflow-wrap:
anywhere;}} or {{word-break: break-word;}} so text wraps to the next line.
* For inline/single-line containers (like filter chips), apply
{{text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}} with a
hover tooltip.
*Actual Behavior:* Text flows continuously on a single line, bleeding outside
the container, pushing sibling elements off-screen, or breaking modal
boundaries.
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
