GitHub user SeongUkKim edited a comment on the discussion: [UI] Airflow 3.1.5 
UI rendering looks broken/incomplete (both Light/Dark) despite no errors in 
console/logs

I ran into what looks like the same issue with Airflow 3.1.3 on Microsoft Edge 
100.

In my case, the backend was healthy, but the UI rendered as if the styles were 
partially missing or unsupported. I tested a local workaround by patching the 
generated frontend assets inside the Airflow webserver container:

- converted `oklch(...)` colors to older-compatible color values
- replaced `color-mix(...)` usages with fallback colors
- removed pre-compressed `.gz` / `.br` frontend assets
- restarted the webserver container

After that, the UI rendered normally on Edge 100.

I also noticed that the Airflow UI source uses `oklch()` in 
`airflow-core/src/airflow/ui/src/theme.ts`. Since Edge <=110 does not support 
`oklch()` or `color-mix()`, this seems like a likely compatibility issue with 
older Chromium-based Edge versions.

GitHub link: 
https://github.com/apache/airflow/discussions/60441#discussioncomment-17245528

----
This is an automatically sent email for [email protected].
To unsubscribe, please send an email to: [email protected]

Reply via email to