Keyboard navigation - Tab and Enter - with Web and Desktop in the Auth UI

[vgribok]

Description

Using Dev Preview (the all-dart) Auth v.1.0.0-next.0, observing that

1. Using keyboard Tab key to go between Auth UI form fields, the tabbing gets diverted to other UI controls if they happen to be at about the same height as the UI controls of the form, like if the NavigationRail widget is displayed on the left. The desired behavior would be that the form had its own tab order sequence.
2. Hitting keyboard Enter key while having the focus on the Auth UI form fields does not lead to the form submission. Better experience would be form submission.

Categories

• [ ] Analytics
• [ ] API (REST)
• [ ] API (GraphQL)
• [ ] Auth
• [X] Authenticator
• [ ] DataStore
• [ ] Storage

Steps to Reproduce

1. Have a side panel with tappable UI controls, along with the AuthenticatedView on the same screen.
2. Hit tab repeatedly.

Screenshots

Platforms

• [ ] iOS
• [ ] Android
• [X] Web
• [X] macOS
• [X] Windows
• [X] Linux

Android Device/Emulator API Level

No response

Environment

Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel stable, 3.0.5, on Microsoft Windows [Version 10.0.19042.1826], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK version 31.0.0)
[√] Chrome - develop for the web
[√] Visual Studio - develop for Windows (Visual Studio Community 2019 16.11.5)
[√] Android Studio (version 2021.2)
[√] IntelliJ IDEA Community Edition (version 2019.1)
[√] VS Code, 64-bit edition (version 1.63.0)
[√] Connected device (4 available)
[√] HTTP Host Availability

• No issues found!

Dependencies

dependencies:
- cupertino_icons 1.0.5
- flutter 0.0.0 [characters collection material_color_utilities meta vector_math sky_engine]
- flutter_riverpod_restorable 1.0.1 [flutter flutter_riverpod riverpod]
- google_fonts 3.0.1 [flutter http path_provider crypto]

transitive dependencies:
- async 2.8.2 [collection meta]
- characters 1.2.0
- charcode 1.3.1
- collection 1.16.0
- crypto 3.0.2 [typed_data]
- ffi 2.0.0
- file 6.1.2 [meta path]
- flutter_riverpod 1.0.4 [collection flutter meta riverpod state_notifier]
- http 0.13.4 [async http_parser meta path]
- http_parser 4.0.1 [collection source_span string_scanner typed_data]
- material_color_utilities 0.1.4
- meta 1.7.0
- path 1.8.1
- path_provider 2.0.11 [flutter path_provider_android path_provider_ios path_provider_linux path_provider_macos path_provider_platform_interface path_provider_windows]
- path_provider_android 2.0.14 [flutter path_provider_platform_interface]
- path_provider_ios 2.0.10 [flutter path_provider_platform_interface]
- path_provider_linux 2.1.7 [ffi flutter path path_provider_platform_interface xdg_directories]
- path_provider_macos 2.0.6 [flutter path_provider_platform_interface]
- path_provider_platform_interface 2.0.4 [flutter platform plugin_platform_interface]
- path_provider_windows 2.1.0 [ffi flutter path path_provider_platform_interface win32]
- platform 3.1.0
- plugin_platform_interface 2.1.2 [meta]
- process 4.2.4 [file path platform]
- riverpod 1.0.3 [collection meta state_notifier]
- sky_engine 0.0.99
- source_span 1.8.2 [collection path term_glyph]
- state_notifier 0.7.2+1 [meta]
- string_scanner 1.1.0 [charcode source_span]
- term_glyph 1.2.0
- typed_data 1.3.1 [collection]
- vector_math 2.1.2
- win32 2.7.0 [ffi]
- xdg_directories 0.2.0+1 [meta path process]

Device

Windows 11 laptop

OS

Windows 11

CLI Version

8.5.0

Additional Context

No response