From 0a32294b77e778ee986b5e47a4447a796dda7218 Mon Sep 17 00:00:00 2001
From: Utkarsh_33 <60460-Utkarsh_33@users.noreply.drupalcode.org>
Date: Mon, 24 Apr 2023 18:35:47 +0000
Subject: [PATCH] Issue #3118813 by Utkarsh_33, GuyPaddock, Gauravvvv,
 Abhisheksingh27, zliante, ranjith_kumar_k_u, smustgrave, ckrina,
 tim.plunkett: .ajax-progress--fullscreen z-index should be higher than
 .ui-dialog when triggered in a modal

---
 core/modules/system/css/components/ajax-progress.module.css    | 2 +-
 core/themes/claro/css/components/ajax-progress.module.css      | 2 +-
 core/themes/claro/css/components/ajax-progress.module.pcss.css | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/core/modules/system/css/components/ajax-progress.module.css b/core/modules/system/css/components/ajax-progress.module.css
index 240cf7d6862c..ef510f63693c 100644
--- a/core/modules/system/css/components/ajax-progress.module.css
+++ b/core/modules/system/css/components/ajax-progress.module.css
@@ -29,7 +29,7 @@ tr .ajax-progress-throbber .throbber {
 /* Full screen throbber */
 .ajax-progress-fullscreen {
   position: fixed;
-  z-index: 1000;
+  z-index: 1261;
   top: 48.5%;
   /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
   left: 49%; /* LTR */
diff --git a/core/themes/claro/css/components/ajax-progress.module.css b/core/themes/claro/css/components/ajax-progress.module.css
index a6f7cc70739c..812b6dd52280 100644
--- a/core/themes/claro/css/components/ajax-progress.module.css
+++ b/core/themes/claro/css/components/ajax-progress.module.css
@@ -79,7 +79,7 @@
 .ajax-progress--fullscreen,
 .ui-dialog .ajax-progress--throbber {
   position: fixed;
-  z-index: 1000;
+  z-index: 1261;
   inset-block-start: 50%;
   inset-inline-start: 50%;
   box-sizing: border-box;
diff --git a/core/themes/claro/css/components/ajax-progress.module.pcss.css b/core/themes/claro/css/components/ajax-progress.module.pcss.css
index d9d1aa21168f..6c2794eff50b 100644
--- a/core/themes/claro/css/components/ajax-progress.module.pcss.css
+++ b/core/themes/claro/css/components/ajax-progress.module.pcss.css
@@ -68,7 +68,7 @@
 .ajax-progress--fullscreen,
 .ui-dialog .ajax-progress--throbber {
   position: fixed;
-  z-index: 1000;
+  z-index: 1261;
   inset-block-start: 50%;
   inset-inline-start: 50%;
   box-sizing: border-box;