Description
When viewing a markdown file in MeshWeaver, the edit menu button (ellipsis) scrolls out of view when the user scrolls down the document. Users cannot access edit options without scrolling back to the top.
Current Behavior
The edit menu button disappears from view when scrolling down a long markdown document.
Expected Behavior
The edit menu button should remain visible (sticky) at the top-right corner regardless of scroll position.
Files to Modify
src/MeshWeaver.Blazor/Articles/ArticleHeaderDisplay.razor (lines 36-53)
src/MeshWeaver.Blazor/Articles/ArticleHeaderDisplay.razor.css
Implementation Hint
The <FluentButton id="editMenuButton"> and <FluentMenu> need to be wrapped in a sticky container:
.edit-menu-container {
position: sticky;
top: 0;
z-index: 100;
}
Acceptance Criteria
Description
When viewing a markdown file in MeshWeaver, the edit menu button (ellipsis) scrolls out of view when the user scrolls down the document. Users cannot access edit options without scrolling back to the top.
Current Behavior
The edit menu button disappears from view when scrolling down a long markdown document.
Expected Behavior
The edit menu button should remain visible (sticky) at the top-right corner regardless of scroll position.
Files to Modify
src/MeshWeaver.Blazor/Articles/ArticleHeaderDisplay.razor(lines 36-53)src/MeshWeaver.Blazor/Articles/ArticleHeaderDisplay.razor.cssImplementation Hint
The
<FluentButton id="editMenuButton">and<FluentMenu>need to be wrapped in a sticky container:Acceptance Criteria