Revanth14 opened a new pull request, #64013:
URL: https://github.com/apache/airflow/pull/64013
## Description
Fixes the details panel where the header, breadcrumb, and action buttons
disappear when task logs (or any tab content) is longer than the viewport.
## Problem
Improper height handling in nested flex containers caused tab content (such
as Logs) to expand beyond its intended bounds. When content exceeded the
viewport height, the page-level layout scrolled in a way that hid the header
and action controls.
## Fix
- Applied correct flex layout rules (`flex={1}`, `minH={0}`)
- Restored explicit `height="100%"` where required for Graph and Gantt
rendering
- Ensured contained scroll behavior without affecting page-level scroll
## Testing
- Manual verification in Logs, Graph, and Gantt tabs
- Frontend tests passing
- Static checks passing
## Before
<img width="1501" height="804" alt="before image 1"
src="https://github.com/user-attachments/assets/bb436d93-36e4-413a-b6b6-7ff61f7438cc";
/>
<img width="1505" height="900" alt="before image 2"
src="https://github.com/user-attachments/assets/ba91a221-ce59-446f-809f-b8b8f5681c73";
/>
## After
<img width="1496" height="899" alt="after image1"
src="https://github.com/user-attachments/assets/c46c263d-c2b3-43c8-9b07-65c70407c009";
/>
#### After scrolling the full page
<img width="1500" height="906" alt="after image 2"
src="https://github.com/user-attachments/assets/f987f6fb-a95c-4c48-9523-af41434d0b8d";
/>
Fixes #63934
--
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]
