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 UI rendering issue on an older Microsoft Edge version, specifically Edge 100. In my case the backend was healthy, but the Airflow UI looked partially rendered / unstyled, similar to the screenshots here. I was able to work around it by patching the generated Airflow frontend assets inside the webserver container: - convert `oklch(...)` colors to hex colors - replace `color-mix(...)` usages with fallback colors - remove pre-compressed `.gz` / `.br` assets so the patched files are served - restart the webserver container After that, the UI rendered normally on Edge 100. This makes me suspect the issue may be related to newer CSS color syntax in the Airflow 3.1.5 frontend bundle and older Edge compatibility. `oklch()` and `color-mix()` are not supported in Edge versions before 111, so Edge 100 fails on those declarations. This is only a workaround, not a proper upstream fix, but it may help narrow down the cause. GitHub link: https://github.com/apache/airflow/discussions/60441#discussioncomment-17244569 ---- This is an automatically sent email for [email protected]. To unsubscribe, please send an email to: [email protected]
