fix(share-popover): anchor popover to button via relative-positioned wrapper div

DeepDrftPublic.Client/Controls/SharePopover.razor

@@ -1,17 +1,22 @@
 @namespace DeepDrftPublic.Client.Controls
 
-<MudTooltip Text="Share">
+@* Overlay is viewport-level; keep it outside the anchor wrapper so it doesn't
+   inherit relative stacking context and still covers the full page. *@
+<MudOverlay Visible="@_open" OnClick="@Close" AutoClose="true" />
+
+@* Wrap the trigger and popover in a relative-positioned container so MudPopover
+   anchors to the button rather than the nearest positioned ancestor in the page. *@
+<div class="deepdrft-share-popover-anchor">
+    <MudTooltip Text="Share">
         <MudIconButton Icon="@Icons.Material.Filled.Share"
                        Size="Size.Large"
                        Color="Color.Secondary"
                        Disabled="@(!RendererInfo.IsInteractive)"
                        OnClick="@Toggle"
                        aria-label="@(IsReleaseMode ? "Share this release" : "Share this track")" />
-</MudTooltip>
+    </MudTooltip>
 
-<MudOverlay Visible="@_open" OnClick="@Close" AutoClose="true" />
+    <MudPopover Open="@_open"
-
-<MudPopover Open="@_open"
                 Fixed="false"
                 AnchorOrigin="Origin.BottomRight"
                 TransformOrigin="Origin.TopRight"
@@ -63,4 +68,5 @@
             }
 
         </MudStack>
-</MudPopover>
+    </MudPopover>
+</div>

DeepDrftPublic/wwwroot/styles/deepdrft-styles.css

@@ -358,6 +358,13 @@ h2, h3, h4, h5, h6,
     font-family: var(--deepdrft-font-mono) !important;
 }
 
+/* Relative-positioned wrapper that gives MudPopover a local anchor so it opens
+   adjacent to the share button rather than relative to the page body. */
+.deepdrft-share-popover-anchor {
+    position: relative;
+    display: inline-block;
+}
+
 .deepdrft-share-popover-body {
     padding: 0.75rem 1rem;
     min-width: 280px;