From b6ac7bd8dc61eb8b9948416094c9371f26671652 Mon Sep 17 00:00:00 2001
From: Lars Rickert <lars.rickert@mail.schwarz>
Date: Wed, 30 Oct 2024 09:55:37 +0100
Subject: [PATCH] docs(component-showcase): fix z-index issues (#2024)

As found out in the review today, the navbar flyout is behind the
headline underline of the general Storybook content in some browsers
(e.g. Chrome).


![image](https://github.com/user-attachments/assets/2b4ebbd6-f10c-41ec-9ec8-42de372d4408)
---
 .../components/examples/ComponentShowcase/ComponentShowcase.vue | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/sit-onyx/src/components/examples/ComponentShowcase/ComponentShowcase.vue b/packages/sit-onyx/src/components/examples/ComponentShowcase/ComponentShowcase.vue
index 361a7ed0f..29bd9ef42 100644
--- a/packages/sit-onyx/src/components/examples/ComponentShowcase/ComponentShowcase.vue
+++ b/packages/sit-onyx/src/components/examples/ComponentShowcase/ComponentShowcase.vue
@@ -279,6 +279,8 @@ const teamMembers = [
 
 .parent {
   container-type: inline-size;
+  z-index: var(--onyx-z-index-app-overlay);
+  position: relative;
 }
 
 .showcase {