daniel/deepdrft
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 13 Wiki Activity

docs(SharePopover): correct inline-block/relative comments — inline-block is load-bearing, relative is incidental

Browse Source
This commit is contained in:
daniel-c-harvey
2026-06-16 21:13:06 -04:00
parent 81ea5909d2
commit 4eba3b0bb3
2 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
DeepDrftPublic.Client/Controls/SharePopover.razor
+6 -4
View File
@@ -1,11 +1,13 @@
@namespace DeepDrftPublic.Client.Controls
@* Overlay is viewport-level; keep it outside the anchor wrapper so it doesn't
inherit relative stacking context and still covers the full page. *@
@* Overlay is viewport-level/fixed regardless of DOM nesting; placing it outside
the wrapper is harmless/cleaner but doesn't change its behavior. *@
<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. *@
@* display:inline-block is the load-bearing property: it shrink-wraps this div
to the button, so MudPopover's portal reads the button's tight bounding rect
(via parentNode.getBoundingClientRect()) rather than a page-wide flow box.
position:relative is incidental. *@
<div class="deepdrft-share-popover-anchor">
<MudTooltip Text="Share">
<MudIconButton Icon="@Icons.Material.Filled.Share"