From 4d83f252dc74be5f26f21446d6eed936616321cc Mon Sep 17 00:00:00 2001
From: Alexandre Rousseau <alexandre@rsseau.fr>
Date: Tue, 24 Dec 2024 15:20:07 +0100
Subject: [PATCH] fix(ui): floating insertion marker overflow - WF-158

When dragging a new component in the page, the placeholder marker is
displayed on top of the open panel. I just fixed it with a `z-index` to
make the `BuilderPanelSwitcher` on top of `ComponentRenderer`.
---
 src/ui/src/builder/panels/BuilderPanelSwitcher.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/ui/src/builder/panels/BuilderPanelSwitcher.vue b/src/ui/src/builder/panels/BuilderPanelSwitcher.vue
index 25e7b9a1a..0d19e2459 100644
--- a/src/ui/src/builder/panels/BuilderPanelSwitcher.vue
+++ b/src/ui/src/builder/panels/BuilderPanelSwitcher.vue
@@ -43,6 +43,7 @@ const screenEl = ref(null);
 	background: var(--builderBackgroundColor);
 	grid-template-rows: 48px;
 	grid-template-columns: 1fr;
+	z-index: 1; /* makes sure it's on top of `.ComponentRenderer` */
 }
 
 .BuilderPanelSwitcher.openPanels {