Skip to content

[fix] Language selector does not blur on selection or blur when configured with more than 2 languages #3170

@AlexYuleUSDS

Description

@AlexYuleUSDS

ReactUSWDS Version & USWDS Version: as of today it is still happening on storybook
https://trussworks.github.io/react-uswds/?path=/docs/components-languageselector--docs

Describe the bug

To Reproduce
Steps to reproduce the behavior:

  1. Configure language selector with 3 or more languages
  2. Click to open language selector
  3. Select another language -- menu will stay open
  4. Click outside the menu on the page -- menu will stay open

Expected behavior
When selecting a language, or clicking outside the menu, the menu should close

Screenshots
Visible on current storybook https://trussworks.github.io/react-uswds/?path=/docs/components-languageselector--docs

Image

cc @KristineSarnlertsophonUSDS

Additional context

Device and Browser Information (please complete the following information if describing a UI bug):

  • Chrome Version 136.0.7103.114 (Official Build) (64-bit)
  • Windows 11 Pro

Metadata

Metadata

Assignees

No one assigned

    Labels

    type: bugSomething isn't working like it's supposed to

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions