From 9519d4a7179816be3034834285bec3343eb1e024 Mon Sep 17 00:00:00 2001
From: JesmoDev <26099018+JesmoDev@users.noreply.github.com>
Date: Mon, 30 Sep 2024 10:00:06 +0200
Subject: [PATCH] make z-index relative to the editor

---
 .../rte/tiptap/components/input-tiptap/input-tiptap.element.ts | 3 ++-
 .../components/input-tiptap/tiptap-fixed-menu.element.ts       | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/input-tiptap.element.ts b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/input-tiptap.element.ts
index 7400057c30..d8267e4024 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/input-tiptap.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/input-tiptap.element.ts
@@ -152,6 +152,8 @@ export class UmbInputTiptapElement extends UmbFormControlMixin<string, typeof Um
 		css`
 			:host {
 				display: block;
+				position: relative;
+				z-index: 0;
 			}
 			:host([readonly]) {
 				pointer-events: none;
@@ -191,7 +193,6 @@ export class UmbInputTiptapElement extends UmbFormControlMixin<string, typeof Um
 				width: 100%;
 				min-height: 400px;
 				display: grid; /* Don't ask me why this is needed, but it is. */
-
 				pre {
 					background-color: var(--uui-color-surface-alt);
 					padding: var(--uui-size-space-2) var(--uui-size-space-4);
diff --git a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/tiptap-fixed-menu.element.ts b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/tiptap-fixed-menu.element.ts
index 2ed9b7774e..156a19d1b4 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/tiptap-fixed-menu.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/rte/tiptap/components/input-tiptap/tiptap-fixed-menu.element.ts
@@ -51,7 +51,7 @@ export class UmbTiptapFixedMenuElement extends UmbLitElement {
 			right: 0px;
 			padding: var(--uui-size-space-3);
 			align-items: center;
-			z-index: 100;
+			z-index: 9999999;
 		}
 
 		:host([readonly]) {