Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Turn on focus ring for multiline textinput #1276

Merged
merged 18 commits into from
Jul 22, 2022

Conversation

chiuam
Copy link

@chiuam chiuam commented Jul 22, 2022

Please select one of the following

  • I am removing an existing difference between facebook/react-native and microsoft/react-native-macos 👍
  • I am cherry-picking a change from Facebook's react-native into microsoft/react-native-macos 👍
  • I am making a fix / change for the macOS implementation of react-native
  • I am making a change required for Microsoft usage of react-native

Summary

This change addresses #1251. NSTextView doesn't have focus ring enabled by default so let's turn it on for better accessibility experience.

Note: Since we allow tabs as valid entry, we can press ctrl+tab to move to the next focusable element / ctrl+tab+shift to the previous focusable element.

Changelog

[macOS] [Fixed] - Turn on focus ring for multiline TextInput

Test Plan

Before: Keyboard navigation works fine just no focus ring on multiline text input.

Before.-.Multiline.TextInput.mov

After: Multiline text input focus ring works as expected.

After.-.Multiline.TextInput.mov

@chiuam chiuam requested a review from a team as a code owner July 22, 2022 16:38
@chiuam chiuam merged commit 9639637 into microsoft:main Jul 22, 2022
@chiuam chiuam deleted the multiline-textinput-focus branch July 22, 2022 22:25
chiuam added a commit to chiuam/react-native-macos that referenced this pull request Jul 25, 2022
chiuam added a commit to chiuam/react-native-macos that referenced this pull request Jul 25, 2022
christophpurrer added a commit to christophpurrer/react-native-macos that referenced this pull request Jul 28, 2022
This fixes a regression introduced in microsoft#1276
We should respect the boolean flag sent from the JS to enable/disable the focusRing
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants