From d28eac5ce8593092463c418149a7f4763a830c15 Mon Sep 17 00:00:00 2001
From: Trang Doan <doantranghp2000@gmail.com>
Date: Tue, 29 Sep 2026 13:05:35 -0400
Subject: [PATCH] ENG-2328 Fix relation type menu styling on the Obsidian
 canvas

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Entire-Checkpoint: 01M3Q221WD283MVR5HCWXXM2NV
---
 .../src/components/canvas/overlays/RelationTypeDropdown.tsx    | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/apps/obsidian/src/components/canvas/overlays/RelationTypeDropdown.tsx b/apps/obsidian/src/components/canvas/overlays/RelationTypeDropdown.tsx
index dab32fd7c6..e69cde18cc 100644
--- a/apps/obsidian/src/components/canvas/overlays/RelationTypeDropdown.tsx
+++ b/apps/obsidian/src/components/canvas/overlays/RelationTypeDropdown.tsx
@@ -144,7 +144,8 @@ export const RelationTypeDropdown = ({
   return (
     <div
       ref={dropdownRef}
-      className="pointer-events-auto absolute z-30 -translate-x-1/2 -translate-y-1/2"
+      // Above tldraw's panels (z 300), below its menus (z 400). Arbitrary transform because preflight is off.
+      className="pointer-events-auto absolute z-[301] [transform:translate(-50%,-50%)]"
       style={{
         left: `${dropdownPosition.left}px`,
         top: `${dropdownPosition.top}px`,