[I] Long task IDs break Airflow UI: task blocks become hidden [airflow]

["internetcoffeephone (via GitHub)" <gi...@apache.org>]

internetcoffeephone opened a new issue, #46239:
URL: https://github.com/apache/airflow/issues/46239

   ### Apache Airflow version
   
   2.10.4
   
   ### If "Other Airflow 2 version" selected, which one?
   
   _No response_
   
   ### What happened?
   
   When a task ID has a very long task name, e.g. equal to `AIRFLOW_MAX_ID_LENGTH`, the UI breaks on smaller monitor resolutions with default browser zoom.
   
   The way it breaks is by the task blocks becoming hidden, even if scrolling the task ID + task blocks all the way to the right:
   
   <img width="1487" alt="Image" src="https://github.com/user-attachments/assets/a6c400af-2a23-47f7-858c-dc678a81e23e" />
   
   
   The only way to see the task blocks again is by either zooming out on the browser (which makes everything too small to read), or by using a bigger monitor, or by expanding the browser window over a multi-monitor setup.
   
   ### What you think should happen instead?
   
   The blocks should not become hidden when scrolling all the way to the right. In fact, I think it's a bad thing that they disappear at all.
   
   I think a better solution here would be to make the task instance blocks not live in the same div as the task IDs. That way, you would be able to resize/scroll through the task IDs, the task blocks, and the details/log divs each individually.
   
   ### How to reproduce
   
   Put this DAG in your Airflow instance:
   
   ```
   from airflow import DAG
   from airflow.operators.empty import EmptyOperator
   from datetime import datetime, timedelta
   
   
   default_args = {
       "owner": "airflow",
       "depends_on_past": False,
       "start_date": datetime(2025, 1, 29),
       "email_on_failure": False,
       "email_on_retry": False,
       "retries": 1,
       "retry_delay": timedelta(minutes=5),
   }
   
   dag = DAG(
       "dag_with_long_task_id",
       default_args=default_args,
       description="A DAG with a single task having a 250-character task ID",
       schedule_interval=timedelta(days=1),
   )
   
   task_with_long_id = EmptyOperator(
       task_id=250 * "a",
       dag=dag,
   )
   ```
   
   ### Operating System
   
   macOS 15.2 (24C101)
   
   ### Versions of Apache Airflow Providers
   
   _No response_
   
   ### Deployment
   
   Other Docker-based deployment
   
   ### Deployment details
   
   _No response_
   
   ### Anything else?
   
   _No response_
   
   ### Are you willing to submit PR?
   
   - [ ] Yes I am willing to submit a PR!
   
   ### Code of Conduct
   
   - [x] I agree to follow this project's [Code of Conduct](https://github.com/apache/airflow/blob/main/CODE_OF_CONDUCT.md)
   


-- 
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: commits-unsubscribe@airflow.apache.org.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org

Re: [I] Long task IDs break Airflow UI: task blocks become hidden [airflow]

["potiuk (via GitHub)" <gi...@apache.org>]

potiuk closed issue #46239: Long task IDs break Airflow UI: task blocks become hidden
URL: https://github.com/apache/airflow/issues/46239


-- 
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: commits-unsubscribe@airflow.apache.org

For queries about this service, please contact Infrastructure at:
users@infra.apache.org