This is an automated email from the ASF dual-hosted git repository.

pierrejeambrun pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git


The following commit(s) were added to refs/heads/main by this push:
     new 3c5348fd05b Fix fullscreen log dropdown z-index after Chakra 3.34.0 
upgrade (#63816)
3c5348fd05b is described below

commit 3c5348fd05be80738c71eb075956f87e7d5fcec3
Author: Pierre Jeambrun <[email protected]>
AuthorDate: Tue Mar 17 16:20:18 2026 +0100

    Fix fullscreen log dropdown z-index after Chakra 3.34.0 upgrade (#63816)
    
    Chakra 3.34.0 changed the Dialog recipe's z-index token from
    zIndex.modal (1400) to zIndex.popover (1500). The dropdown fix
    from #62747 was computing modal+1=1401, which is now below the
    dialog's 1500, causing dropdowns to render behind the fullscreen
    modal. Update the token lookup to match the current recipe.
---
 .../src/airflow/ui/src/pages/TaskInstance/Logs/TaskLogHeader.tsx    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git 
a/airflow-core/src/airflow/ui/src/pages/TaskInstance/Logs/TaskLogHeader.tsx 
b/airflow-core/src/airflow/ui/src/pages/TaskInstance/Logs/TaskLogHeader.tsx
index 908ad9f392c..e94a258ffcb 100644
--- a/airflow-core/src/airflow/ui/src/pages/TaskInstance/Logs/TaskLogHeader.tsx
+++ b/airflow-core/src/airflow/ui/src/pages/TaskInstance/Logs/TaskLogHeader.tsx
@@ -88,10 +88,10 @@ export const TaskLogHeader = ({
   const logLevels = searchParams.getAll(SearchParamsKeys.LOG_LEVEL);
   const hasLogLevels = logLevels.length > 0;
 
-  // Have select zIndex greater than modal zIndex in fullscreen so that
-  // select options are displayed.
+  // Have select zIndex greater than dialog zIndex in fullscreen so that
+  // select options are displayed. Dialog uses zIndex.popover since Chakra 
3.34.0.
   const zIndex = isFullscreen
-    ? 
Number(defaultSystem.tokens.categoryMap.get("zIndex")?.get("modal")?.value ?? 
1400) + 1
+    ? 
Number(defaultSystem.tokens.categoryMap.get("zIndex")?.get("popover")?.value ?? 
1500) + 1
     : undefined;
 
   const sourceOptionList = createListCollection<{

Reply via email to