🐛 Fix requirement level dropdown z-index clipping#14100
Conversation
The priority dropdown menu (required/recommended/optional) was clipped by the card's overflow:hidden container, making options invisible. Fix: render the dropdown via createPortal to document.body with fixed positioning calculated from the button's bounding rect — the same pattern already used for the dependency tooltip in this component. Fixes #14093 Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com> Signed-off-by: kubestellar-bot <kubestellar-bot@kubestellar.io>
|
[APPROVALNOTIFIER] This PR is NOT APPROVED This pull-request has been approved by: The full list of commands accepted by this bot can be found here. DetailsNeeds approval from an approver in each of these files:Approvers can indicate their approval by writing |
✅ Deploy Preview for kubestellarconsole ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
|
👋 Hey @kubestellar-hive[bot] — thanks for opening this PR!
This is an automated message. |
✅ Test Coverage CheckAll new source files in this PR have corresponding test files. Checked |
|
Thank you for your contribution! Your PR has been merged. Check out what's new:
Stay connected: Slack #kubestellar-dev | Multi-Cluster Survey |
❌ Post-Merge Verification: failedCommit: |
|
Post-merge build verification passed ✅ Both Go and frontend builds compiled successfully against merge commit |
Fixes #14093
The requirement level dropdown for payload selection was being clipped, preventing users from seeing all 3 options. Fixed z-index/overflow to ensure the dropdown renders above other elements.