Skip to content

[fix] NotificationDropdown panel has no focus management on open or close #1885

Description

@K1NGD4VID

File/location: frontend/src/app/components/global_ui/NotificationDropdown.tsx

Description:
The dropdown panel (role="dialog") never moves focus into itself when opened via the bell button, and none of its close paths (Escape key, outside click, the X button, or navigating to a notification) restore focus to the trigger button. Keyboard and screen-reader users lose their place in the page after every open/close cycle.

Acceptance Criteria:

  • Opening the dropdown moves focus to the panel (or its first focusable element)
  • Every close path (Escape, outside click, X button, item navigation) returns focus to the bell trigger button
  • Automated a11y/keyboard test covers open, Escape-close, and outside-click-close focus behavior

Notes:
frontend/e2e/notifications-inbox.spec.ts's only real test is test.skip'd, so this has no active automated coverage either.


Filed via automated codebase sweep (frontend / fix).

Activity

  1. added
    bugSomething isn't working
    frontendIssues related to frontend development
    a11yAccessibility improvements
    on Sep 27, 2026
  2. shobhamerabacha-star commented on Sep 28, 2026

    @shobhamerabacha-star

    Hello @maintainers,

    I can tackle [fix] NotificationDropdown panel has no focus management on open or close. Proposed implementation roadmap:

    • Analysis: Inspect current behavior and edge cases in LabsCrypt/remitlend
    • Core Implementation: Isolate the root cause behind [fix] NotificationDropdown panel has no focus management on open or close in LabsCrypt/remitlend and apply a clean, surgical fix.
    • Quality Assurance: Verify existing tests continue to pass without side effects.

    Looking forward to collaborating on this—please assign!

  3. Simultech369 commented on Sep 28, 2026

    @Simultech369

    Hello Maintainers!

    Autonomous Council implementation and test verification for this issue has been completed, passing all test suites across 5 review surfaces, and submitted in PR #1934 (#1934).

    Stellar Wave 9 Formalization & 1-Click Acceptance:

    Maintainer Action: To credit this work for Wave 9 on Drips, please assign @Simultech369 to this issue or review and accept via the Drips Maintainer Portal:
    Review / Accept on Drips Maintainer Dashboard

    Thank you for your review!

  4. janetobande commented on Oct 21, 2026

    @janetobande

    @janetobande has applied to work on this issue as part of the Stellar Wave Program's 10th wave.

    Please maintainer can i work on this issue?

    ℹ️ Repo Maintainers: To accept this application, review their application or assign @janetobande to this issue.

  5. amossamuel851-tech commented on Oct 21, 2026

    @amossamuel851-tech

    @amossamuel851-tech has applied to work on this issue as part of the Stellar Wave Program's 10th wave.

    Hello, I am a fullstack developer with years of experience
    on building web3 and web3 applications, I have reviewed this project
    please assign the issue to be fixed. ETA 1hr

    ℹ️ Repo Maintainers: To accept this application, review their application or assign @amossamuel851-tech to this issue.

  6. vijay11149 commented on Oct 21, 2026

    @vijay11149

    @vijay11149 has applied to work on this issue as part of the Stellar Wave Program's 10th wave.

    I WOULD LOVE TO WORK ON THIS ISSUE

    ℹ️ Repo Maintainers: To accept this application, review their application or assign @vijay11149 to this issue.

  7. Tamziycode commented on Oct 21, 2026

    @Tamziycode

    @Tamziycode has applied to work on this issue as part of the Stellar Wave Program's 10th wave.

    Hello Maintainer, I’ve gone through the issue carefully and understand the requirements. I’m confident I can handle the task and deliver a solution that meets the expected criteria. I’d appreciate it if you could assign the issue to me.

    ℹ️ Repo Maintainers: To accept this application, review their application or assign @Tamziycode to this issue.

  8. Ghostcecode commented on Oct 21, 2026

    @Ghostcecode

    @Ghostcecode has applied to work on this issue as part of the Stellar Wave Program's 10th wave.

    Hello Maintainer, I have thoroughly reviewed the requirements for this issue and am confident in delivering a solution that fully satisfies the acceptance criteria.

    ℹ️ Repo Maintainers: To accept this application, review their application or assign @Ghostcecode to this issue.

  9. khaylebfortune commented on Oct 21, 2026

    @khaylebfortune
    Contributor

    @khaylebfortune has applied to work on this issue as part of the Stellar Wave Program's 10th wave.

    Hello Maintainer, please assign.

    ℹ️ Repo Maintainers: To accept this application, review their application or assign @khaylebfortune to this issue.

  10. Detayo07 commented on Oct 21, 2026

    @Detayo07

    @Detayo07 has applied to work on this issue as part of the Stellar Wave Program's 10th wave.

    You can assign please, I'm only taking on 2 more projects for this wave.

    ℹ️ Repo Maintainers: To accept this application, review their application or assign @Detayo07 to this issue.

  11. drips-wave commented on Oct 21, 2026

    @drips-wave

    Congratulations, @khaylebfortune! 🎉 Your application was accepted by the repo's maintainers, and the issue is due on October 22, 2026.

    🧑‍💻 @khaylebfortune: Please resolve the issue such that the repo's maintainers have enough time to review your contribution before the due date. You'll earn Points for completing the issue on-time, which will make you eligible for a share of the Stellar Wave Program's reward pool.

    Warning

    When opening a PR, please link it to this issue to ensure it gets tracked accurately. Points are awarded when this issue is marked as completed by the maintainer.

    🤠 Repo maintainers: Please keep an eye on the contributor's progress and review their work before the due date. You can manage this issue, including adjusting its complexity and points, here.

    🌊 Happy Wave 🌊

  12. grantfox-oss commented on Oct 28, 2026

    @grantfox-oss

    🎉 This issue has been marked as completed on GrantFox!

    @khaylebfortune's PR #2181 was approved and merged by @K1NGD4VID.

    🏆 @khaylebfortune: You earned 35 FoxPoints for this contribution! Your current tier: Explorer (993 total points). Track your full progress on GrantFox.

    👏 Great work, @khaylebfortune! Keep contributing to LabsCrypt.

  13. drips-wave commented on Oct 28, 2026

    @drips-wave

    This issue has been marked as completed by a Drips Wave moderator for @khaylebfortune as part of the Stellar Wave Program's 10th Wave 🥳

    Moderator's reason: [Auto-assessed] The PR #2181 was merged by maintainer @K1NGD4VID on 2026-10-28T14:11:58Z as evidenced by the merge timestamp and GrantFox notification, fully satisfying the issue completion requirements.

    😎 @khaylebfortune: You earned 200 Points for completing this issue! Once the Wave's rewards are finalized, you'll be eligible for a percentage of the Wave's reward pool based on the percentage of total points you've earned. Learn more here.

    🧑‍💻 Repo maintainers: How'd the contributor do? Leave a review to share your experience working with them.

    ℹ️ Note: This issue was marked complete via moderation. Points were issued even though the GitHub issue remains open.

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

Metadata

Metadata

Labels

Stellar WaveIssues in the Stellar wave programa11yAccessibility improvementsbugSomething isn't workingfrontendIssues related to frontend development

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions