fix: indendation level of modals

commercetools · May 7, 2024 · 8a947de · 8a947de
1 parent 4870607
commit 8a947de
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/.changeset/orange-lies-retire.md b/.changeset/orange-lies-retire.md
@@ -0,0 +1,5 @@
+---
+'@commercetools-frontend/application-components': patch
+---
+
+Use correct indentation level for modals rendered in portals container
diff --git a/packages/application-components/src/components/portals-container/portals-container.tsx b/packages/application-components/src/components/portals-container/portals-container.tsx
@@ -142,14 +142,7 @@ const PortalsContainer = forwardRef<TLayoutRefs, TPortalsContainerProps>(
           if (node instanceof HTMLElement) {
             const stackingLevel = index + 1;
             node.dataset.level = String(stackingLevel);
-
-            const overlayNode = node.firstChild;
-            if (overlayNode instanceof HTMLElement) {
-              if (overlayNode.dataset.role === 'modal-overlay') {
-                indentationLevel += 1;
-              }
-            }
-
+            indentationLevel += 1;
             nextStackingLevels.push({ stackingLevel, indentationLevel });
           }
         });