[
https://issues.apache.org/jira/browse/ATLAS-5330?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Brijesh Bhalala updated ATLAS-5330:
-----------------------------------
Summary: Atlas React UI: Text overflow issues in Global Search, Recent
Activity, Search Filters, and Popovers for long classification names (was:
Atlas React UI: Text overflow issues in Recent Activity, Search Filters, and
Popovers for long classification names)
> Atlas React UI: Text overflow issues in Global Search, 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
> Priority: Major
> Attachments: Screenshot from 2026-06-19 15-09-25.png, Screenshot from
> 2026-06-19 15-19-56.png, Screenshot from 2026-06-19 15-26-51.png
>
>
> 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)
