GitHub user SeongUkKim added a comment to 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.5 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. Before I prepare a PR, could a maintainer clarify whether Airflow 3.x UI is expected to support Edge <=110? If Edge <=110 is supported, I can look into a build-time CSS fallback approach. If it is not supported, I can help with a small documentation PR to clarify the browser requirement. 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]
