callstack / callstack/react-native-paper

Change Menu focus behaviour on web

Open
#4,720 0 comments 1 reaction 0 assignees View on GitHub
feature request
Dominant language
TypeScript
Stars
14.5k
Forks
2.2k
Avg merge
5d 23h
Merged PRs (30d)
12

Description

**Is your feature request related to a problem? Please describe.**
Currently, when the menu closes, it removes focus from the currently focused element. This is problematic in scenarios where selecting an option should close the menu and allow the user to continue interacting with a text field — for example, one they were editing before opening the menu, or one displayed in a dialog window.

**Describe the solution you'd like**
Remove the blur behavior, or provide a way to customize it, e.g., via a component prop.

**Describe alternatives you've considered**
The only workaround I’ve found is to introduce a delay before manually calling .focus() after the menu closes, but this feels like a hack.

Contributor guide

Open the contributing guide

Research direction

Review the web Menu focus handling described in this issue, starting with the implementation that removes focus when the menu closes. Confirm the expected behavior for text fields and dialogs, then verify that focus is preserved or configurable without breaking menu closing behavior.

Written by the indexing model from the issue text.

Assessment

Tech stack
react-native, typescript
Domain
accessibility, frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.