Skip to content

[Due for payment 2026-06-23] [$250] Other A11y: Many Pages: The layout closes unexpectedly after selecting or removing the option #74834

Description

@nbhardwaj-del

Action Performed

Prerequisites:

  • the user is signed in
  1. Using Chrome, open the URL - https://new.expensify.com/
  2. Navigate using the tab key to the Account button and press Enter to activate it.
  3. Navigate using the tab key to the Profile button and press Enter to activate it.
  4. Navigate to the Pronouns button and press Enter to activate it.
  5. In the modal, navigate to the Pronouns Edit field and press Enter to activate it.
  6. Type a few characters into the Pronouns input box to trigger the auto-suggestion list.
  7. Select the suggested options and observe the screen behaviour.

Other Occurrences:

  1. On Workspace - Workflows - Edit Approval Workflow - Approver: when selecting or unselecting the approver
  2. On Workspace - Rules - Cash Expense Default: when selecting or unselecting the option

Expected Result

The interface should not close or reload automatically upon input unless the user explicitly triggers the action. Any automatic context changes should be announced or confirmed before execution to maintain predictable navigation and avoid unexpected behavior.

Actual Result

When a user selects or removes a pronoun option, the entire layout closes automatically without warning.
This causes loss of context and forces users (especially screen reader users) to reopen the panel, interrupting workflow and creating confusion.

HTML:

Area issue was found

Settings-Security

Failed Checkpoint

WCAG 3.2.2 On Input
https://www.w3.org/WAI/WCAG22/Understanding/on-input

User Impact

This helps users with disabilities by making interactive content more predictable. Unexpected changes of context can be disorienting for users with visual disabilities or cognitive limitations. Individuals who are blind or have low vision may have difficulty knowing when a visual context change has occurred, such as a new window popping up. In this case, warning users of context changes in advance minimizes confusion when the user discovers that the back button no longer behaves as expected. Some individuals with low vision, with reading and intellectual disabilities, and others who have difficulty interpreting visual cues may benefit from additional cues in order to detect changes of context.

Suggested Resolution

Prevent automatic panel closure when an option is selected or deselected.
Ensure that changes take effect only when the user confirms the selection (e.g., presses “Save”).
https://www.w3.org/WAI/WCAG21/Understanding/on-input.html

Environment(s)

Windows Windows 11 - Chrome

Bug6994724_1762753722351.Other_A11y-_Many_Pages-The_layout_closes_unexpectedly_after_selecting_or_removing_the_option.mp4
Image

Version Number: NA
Reproducible in staging?: NA
Reproducible in production?: Yes
Email or phone of affected tester (no customers): NA
Logs: https://stackoverflow.com/c/expensify/questions/4856 - NA
Notes/Photos/Videos: Any additional supporting documentation - Yes
Expensify/Expensify Issue URL: https://platform.applause.com/company/12102/products/36605/community-issues/6994724
Issue reported by: NA
Slack conversation: NA

Issue OwnerCurrent Issue Owner: @mallenexpensify
Upwork Automation - Do Not Edit

Metadata

Metadata

Labels

AccessibilityIssues affecting WACG accessibility on any platform.Awaiting PaymentAuto-added when associated PR is deployed to productionDailyKSv2

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions