Brijesh619 opened a new pull request, #728:
URL: https://github.com/apache/atlas/pull/728
## What changes were proposed in this pull request?
**ATLAS-5373: Atlas React UI: Extremely long entity names break layout in
Latest Entities Created widget**
This PR fixes a layout bug where extremely long entity names in the "Latest
Entities Created" widget wrapped onto multiple lines endlessly.
* Introduced a dynamic, reusable `OverflowTooltip` component in
`muiComponents.tsx` that intelligently detects text overflow and only displays
the tooltip if the text is truncated.
* Updated `LatestEntitiesList.tsx` to enforce strict CSS truncation
(`white-space: nowrap`, `overflow: hidden`, `text-overflow: ellipsis`) on
entity names.
* Wrapped the truncated entity names in `OverflowTooltip` so users can hover
to see the full name when it exceeds the container width.
## How was this patch tested?
* **Manual UI Testing:** Verified in the dashboard that extremely long
entity names (e.g. 500+ characters) cleanly truncate with an ellipsis `...` and
display the full name in the tooltip on hover without breaking the flex layout.
* **Unit Tests:**
* Added 2 new Jest tests in `muiComponents.test.tsx` to validate the
`OverflowTooltip` resize and overflow detection logic.
* Added 4 new Jest tests in `LatestEntitiesList.test.tsx` to validate UI
fallback rendering, array slicing boundaries, and graceful handling of
extremely long names and missing typenames.
* All 36 tests run successfully via `npm run test`.
* **TypeScript Validation:** Passed strict type checking (`npx tsc
--noEmit`).
--
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.
To unsubscribe, e-mail: [email protected]
For queries about this service, please contact Infrastructure at:
[email protected]
