MhussainD4772 commented on PR #69693: URL: https://github.com/apache/airflow/pull/69693#issuecomment-5080410683
@bbovenzi Thanks for digging into this!! The sticky header is a width: auto block, so inside the scroll container it only spans the scroll-port. Run columns past that width had no header background behind them, and cells scrolling underneath were visible through the gap. Stretching the header with min-width: max-content makes its background cover the full scrollable width. While verifying I found a second gap, the header's top padding left a 16px band that the sticky task name column didn't cover, so the tallest duration bar (the only one that reaches the full BAR_HEIGHT, overflowing its wrapper by 2px) peeked out above the column when it scrolled behind it. Moving that padding from the header onto its children lets the column's background span the full header height. Verified in Safari, Firefox, and Chrome: narrow panel scrolled fully right and down, wide panel with header/body columns still aligned, and Gantt view unchanged. Rebased onto current main, which includes #69917 touching the same component. Bug reproduced <img width="482" height="846" alt="scrollPastBugReproduced" src="https://github.com/user-attachments/assets/5a189a54-3694-4476-bfd4-f4aef9f6a0c6"; /> Bug Fix [Chrome. Firefox, Safari] <img width="1512" height="982" alt="BUGFIX-CHROME" src="https://github.com/user-attachments/assets/7c300cea-819e-4e6f-9bdc-31f1bc0dba7d"; /> <img width="1512" height="982" alt="BUGFIX-FIREFOX" src="https://github.com/user-attachments/assets/728ad8bd-d1f8-4352-91cb-239c8f8907ed"; /> <img width="1334" height="1719" alt="BUGFIX-SAFARI" src="https://github.com/user-attachments/assets/3c862ab0-072a-4588-8df9-777cfb578d70"; /> https://github.com/user-attachments/assets/9ff78425-bbc6-4e0d-8012-c8ae8117a42f Drafted-by: Claude; reviewed by @MhussainD4772. -- 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]
