Description
When clicking the "Bulk Actions" button in the Projects tab, the dropdown menu appears at the bottom of the page instead of appearing near the button that was clicked.
Steps to Reproduce
- Open the Eidolon dashboard
- Go to the Projects tab
- Click the "Bulk Actions ▾" button
- Observe that the menu appears at the bottom of the page
Expected Behavior
The bulk actions dropdown menu should appear directly below the "Bulk Actions" button, positioned relative to the button's location.
Actual Behavior
The menu appears at the bottom of the page, disconnected from the button.
Technical Details
- File:
entrypoints/dashboard/index.html (lines 75-80)
- CSS:
entrypoints/dashboard/style.css (.bulk-menu class, lines 525-558)
- The menu is using
position: absolute but lacks proper positioning context
Suggested Fix
Add position calculation to place the menu relative to the clicked button using JavaScript, or adjust the CSS positioning to use the button as an anchor.
Description
When clicking the "Bulk Actions" button in the Projects tab, the dropdown menu appears at the bottom of the page instead of appearing near the button that was clicked.
Steps to Reproduce
Expected Behavior
The bulk actions dropdown menu should appear directly below the "Bulk Actions" button, positioned relative to the button's location.
Actual Behavior
The menu appears at the bottom of the page, disconnected from the button.
Technical Details
entrypoints/dashboard/index.html(lines 75-80)entrypoints/dashboard/style.css(.bulk-menuclass, lines 525-558)position: absolutebut lacks proper positioning contextSuggested Fix
Add position calculation to place the menu relative to the clicked button using JavaScript, or adjust the CSS positioning to use the button as an anchor.