Description
In the V3 UI, some expandable action menus render outside the visible viewport, making menu items partially or completely inaccessible.
This appears to happen on finding detail pages where the action dropdown is positioned near the right edge of the screen. Instead of opening within the viewport, the menu extends beyond the page boundary.
Steps to Reproduce
- Open a Finding in the V3 UI.
- Click the action dropdown (☰) in the upper-right corner.
- Observe the position of the expanded menu.
Expected Behavior
The dropdown menu should automatically position itself so that it remains fully visible within the browser viewport.
Actual Behavior
The menu renders off-screen, causing menu items to be clipped and difficult or impossible to access.
Screenshot
The attached screenshot shows the action menu extending beyond the right edge of the page.
Impact
Users cannot reliably access all actions from the dropdown, especially on smaller screens or when the menu is located close to the viewport edge.
Possible Cause
The dropdown positioning logic does not appear to account for available viewport space. The menu should "flip" or align to the left when there is insufficient room to render on the right, as is common behavior in Popper-based dropdowns.
Description
In the V3 UI, some expandable action menus render outside the visible viewport, making menu items partially or completely inaccessible.
This appears to happen on finding detail pages where the action dropdown is positioned near the right edge of the screen. Instead of opening within the viewport, the menu extends beyond the page boundary.
Steps to Reproduce
Expected Behavior
The dropdown menu should automatically position itself so that it remains fully visible within the browser viewport.
Actual Behavior
The menu renders off-screen, causing menu items to be clipped and difficult or impossible to access.
Screenshot
The attached screenshot shows the action menu extending beyond the right edge of the page.
Impact
Users cannot reliably access all actions from the dropdown, especially on smaller screens or when the menu is located close to the viewport edge.
Possible Cause
The dropdown positioning logic does not appear to account for available viewport space. The menu should "flip" or align to the left when there is insufficient room to render on the right, as is common behavior in Popper-based dropdowns.