Skip to content

🐛 (:bug:) helm chart dropdown overlaps UI#2401

Open
Ayush4958 wants to merge 1 commit intokubestellar:devfrom
Ayush4958:dev
Open

🐛 (:bug:) helm chart dropdown overlaps UI#2401
Ayush4958 wants to merge 1 commit intokubestellar:devfrom
Ayush4958:dev

Conversation

@Ayush4958
Copy link

Description

In dark mode, the Popular Helm Charts dropdown visually overlaps the selected value shown below

This results in:

  • Selected chart text being visible through the dropdown
  • UI inconsistency that does not occur in light mode

Related Issue

#2320

Fixes #2320

Changes Made

  • Adjusted stacking context and overflow behavior to prevent bleed-through
  • Preserved existing color tokens and theme styles.
  • Applied fix specifically to dark mode behavior without affecting light mode
  • Updated frontend/src/components/HelmTab/PopularHelmChartsForm.tsx
  • Fixed Autocomplete dropdown stacking/overlay behavior in dark mode
  • Prevented selected chart text from bleeding through the dropdown
  • Maintained existing theme colors and styles (no visual regressions)

Checklist

Please ensure the following before submitting your PR:

  • I have reviewed the project's contribution guidelines.
  • I have written unit tests for the changes (if applicable).
  • I have updated the documentation (if applicable).
  • I have tested the changes locally and ensured they work as expected.
  • My code follows the project's coding standards.

Additional Notes

This fix is UI-only and does not impact backend or Helm chart logic.

@kubestellar-prow kubestellar-prow bot added the dco-signoff: no Indicates the PR's author has not signed the DCO. label Jan 20, 2026
@kubestellar-prow
Copy link

[APPROVALNOTIFIER] This PR is NOT APPROVED

This pull-request has been approved by:
Once this PR has been reviewed and has the lgtm label, please assign sagar2366 for approval. For more information see the Code Review Process.

The full list of commands accepted by this bot can be found here.

Details Needs approval from an approver in each of these files:

Approvers can indicate their approval by writing /approve in a comment
Approvers can cancel approval by writing /approve cancel in a comment

@github-actions
Copy link
Contributor

Welcome to KubeStellar! 🚀 Thank you for submitting this Pull Request.

Before your PR can be merged, please ensure:

DCO Sign-off - All commits must be signed off with git commit -s to certify the Developer Certificate of Origin

PR Title - Must start with an emoji: ✨ (feature), 🐛 (bug fix), 📖 (docs), 🌱 (infra/tests), ⚠️ (breaking change)

Getting Started with KubeStellar:

Contributor Resources:


🌟 Help KubeStellar Grow - We Need Adopters!

Our roadmap is driven entirely by adopter feedback. Whether you're using KubeStellar yourself or know someone who could benefit from multi-cluster Kubernetes:

📋 Take our Multi-Cluster Survey - Share your use cases and help shape our direction!


A maintainer will review your PR soon. Feel free to ask questions in the comments or on Slack!

@kubestellar-prow
Copy link

Hi @Ayush4958. Thanks for your PR.

I'm waiting for a kubestellar member to verify that this patch is reasonable to test. If it is, they should reply with /ok-to-test on its own line. Until that is done, I will not automatically test new commits in this PR, but the usual testing commands by org members will still work. Regular contributors should join the org to skip this step.

Once the patch is verified, the new status will be reflected by the ok-to-test label.

I understand the commands that are listed here.

Details

Instructions for interacting with me using PR comments are available here. If you have questions or suggestions related to my behavior, please file an issue against the kubernetes-sigs/prow repository.

@kubestellar-prow kubestellar-prow bot added needs-ok-to-test Indicates a PR that requires an org member to verify it is safe to test. size/XS Denotes a PR that changes 0-9 lines, ignoring generated files. labels Jan 20, 2026
@Ayush4958
Copy link
Author

Hi @khushiiagrawal 👋,

I’ve opened a PR with the fix and verified it locally.
Let me know if any UI refinements are required — I’d be happy to update it.

@khushiiagrawal
Copy link
Contributor

khushiiagrawal commented Jan 20, 2026

@Ayush4958 Thanks for your PR.
/cc @btwshivam @clubanderson

@prakharsingh-74
Copy link

prakharsingh-74 commented Jan 22, 2026

hey @Ayush4958 currently your dco-signoff is no, please make sure that dco-signoff is yes.

@kubestellar-prow kubestellar-prow bot added needs-rebase Indicates a PR cannot be merged because it has merge conflicts with HEAD. size/XXL Denotes a PR that changes 1000+ lines, ignoring generated files. and removed size/XS Denotes a PR that changes 0-9 lines, ignoring generated files. labels Jan 22, 2026
@github-actions github-actions bot added documentation Improvements or additions to documentation other ci config size/XS Denotes a PR that changes 0-9 lines, ignoring generated files. tests and removed size/XXL Denotes a PR that changes 1000+ lines, ignoring generated files. labels Jan 22, 2026
@kubestellar-prow kubestellar-prow bot added dco-signoff: yes Indicates the PR's author has signed the DCO. and removed dco-signoff: no Indicates the PR's author has not signed the DCO. needs-rebase Indicates a PR cannot be merged because it has merge conflicts with HEAD. labels Jan 22, 2026
@github-actions github-actions bot removed documentation Improvements or additions to documentation other ci config tests labels Jan 22, 2026
@Ayush4958 Ayush4958 changed the title FIX [Bug]: Helm Chart Dropdown List Overlaps UI (WDS & WECS) fix: helm chart dropdown overlaps UI Jan 22, 2026
@Ayush4958 Ayush4958 changed the title fix: helm chart dropdown overlaps UI 🐛 (:bug:) helm chart dropdown overlaps UI Jan 22, 2026
@Ayush4958
Copy link
Author

hi @prakharsingh-74 ,
now my dco-signed off is yes and there were some issue ,
related to PR , there are also solved

@Arpit529Srivastava
Copy link
Member

@Ayush4958 can you add video of your changes.
thanks

@Ayush4958
Copy link
Author

Recording.2026-01-23.011808.mp4

@Ayush4958
Copy link
Author

@Arpit529Srivastava ,
This video reflects the UI Fix , I did on helm charts
to resolve the issue

@Arpit529Srivastava
Copy link
Member

/ok-to-test

@kubestellar-prow kubestellar-prow bot added ok-to-test Indicates a non-member PR verified by an org member that is safe to test. and removed needs-ok-to-test Indicates a PR that requires an org member to verify it is safe to test. labels Jan 22, 2026
@clubanderson
Copy link
Contributor

@btwshivam ptal

@Ayush4958
Copy link
Author

Hi
just asking that if there is some problem with the changes I made
I could re-adjust according to the need of the project

@khushiiagrawal
Copy link
Contributor

@clubanderson i was just checking the PR and i see that everything works fine.
@Ayush4958 thanks for the good work!

@Ayush4958
Copy link
Author

@khushiiagrawal , @clubanderson
Thank you for the review !!!
Glad everything is working fine.
Happy to help further if any tweaks or follow-ups are needed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

dco-signoff: yes Indicates the PR's author has signed the DCO. frontend ok-to-test Indicates a non-member PR verified by an org member that is safe to test. size/XS Denotes a PR that changes 0-9 lines, ignoring generated files.

Projects

Status: In Progress

Development

Successfully merging this pull request may close these issues.

[Bug]: Helm Chart Dropdown List Overlaps UI (WDS & WECS)

5 participants