Brijesh Bhalala created ATLAS-5376:
--------------------------------------
Summary: Atlas React UI: Relationship cards (Inputs/Outputs)
overlap subsequent list items in the Relationships tab
Key: ATLAS-5376
URL: https://issues.apache.org/jira/browse/ATLAS-5376
Project: Atlas
Issue Type: Bug
Components: atlas-core
Affects Versions: 2.5.0, 3.0.0
Reporter: Brijesh Bhalala
Assignee: Brijesh Bhalala
Attachments: image.png
On the Entity Detail page, when viewing the "Relationships" tab for an entity
(such as a {{{}hive_process{}}}), attributes that are rendered as cards (e.g.,
{{Inputs}} and {{{}Outputs{}}}) fail to push down the subsequent content. As a
result, the cards overlap and obscure the text of the relationship items below
them, making them unreadable and breaking the layout.
*Steps to Reproduce:*
# Navigate to the Entity Detail page for an entity that contains both
card-based relationships (like {{Inputs}} and {{{}Outputs{}}}) and standard
text relationships (e.g., a {{{}hive_process{}}}).
# Switch to the *Relationships* tab.
# Observe the layout of the relationship list.
*Expected Behavior:* The parent container or row for the relationship cards
should expand its height to accommodate the cards. Subsequent relationship
items should be pushed down so that no overlapping occurs.
*Actual Behavior:* The {{Inputs}} and {{Outputs}} cards overflow their vertical
space and visually overlap the relationship text directly below them (such as
the {{hive_column_lineage}} relationships).
*Environment/Context:*
* Component: {{RelationshipsTab}} / {{RelationshipCard}}
* The issue is likely caused by missing clearing elements, fixed heights on
rows, or absolute positioning on the card components.
--
This message was sent by Atlassian Jira
(v8.20.10#820010)
