[feature]: Improve Popup Menu Border/Shadow Visibility for Better UI Separation
@vihar is already working on this.
Since May 16, 2026.
- Dominant language
- TypeScript
- Stars
- 59.6k
- Forks
- 5.8k
- Avg merge
- 1d 22h
- Merged PRs (30d)
- 49
Description
Is there an existing issue for this?
- I have searched the existing issues
Summary
Enhancement Description
When clicking the "..." (three-dot) menu on a work item,
the popup menu appears without a clearly visible boundary.
The popup blends into the background page, making it
difficult to distinguish where the page ends and the
popup begins.
Why should this be worked on?
This affects all users who use the "..." context menu
on work items. When the popup has no clear boundary,
users — especially those with low vision — cannot
easily tell the popup is a separate layer from the
background page.
WCAG 1.4.11 (Non-text Contrast) requires UI component
boundaries to have at least 3:1 contrast ratio against
adjacent colors. A stronger border or box-shadow would
fix this with minimal development effort and no design
changes to the menu options themselves.
This improves usability for all users and brings the
UI closer to WCAG 2.1 AA compliance.
Steps to Reproduce
- Open any project in app.plane.so
- Go to Work Items
- Click "..." (three-dot menu) on any work item
- Observe the popup menu boundary against the background
Environment
| Field | Details |
|---|---|
| Browser | Chrome (latest) |
| OS | macOS |
| Platform | Web — app.plane.so |
| Screen | Desktop |
| Tested on | May 16, 2026 |
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Assessment
This issue has not been assessed yet.