[Web] RawKeyboardListener does not return correct data #35347

Activity

1. mjeffw

   closed this as completedon Jun 29, 2019
2. mjeffw

   reopened this on Jul 1, 2019
3. a-marenkov commented on Jul 11, 2019

   

   a-marenkov

   on Jul 11, 2019

   More actions

   @mjeffw try this workaround

         onKey: (RawKeyEvent value) {
           if (value.data is RawKeyEventDataAndroid) {
             final data = value.data as RawKeyEventDataAndroid;
             if (data.keyCode == KeyCode.TAB) {
               print('tab');
             }
             if (data.keyCode == KeyCode.A) {
               print('A');
             }
           }
         },
   
4. kevmoo

   added

   platform-webWeb applications specificallyWeb applications specifically

   on Jul 11, 2019
5. ferhatb

   added

   a: text inputEntering text in a text field or keyboard related problemsEntering text in a text field or keyboard related problems

   on Jul 11, 2019
6. ferhatb

   added this to the Near-term GoalsThis milestone has been deleted milestone on Jul 11, 2019
7. deckerst commented on Nov 13, 2019

   

   deckerst

   on Nov 13, 2019

   More actions

                 RawKeyboardListener(
                   focusNode: FocusNode(),
                   onKey: (RawKeyEvent event) => debugPrint('event=$event'),
                   child: TextField(),
                 ),

   This code used to work with v1.10.15, but since v1.10.16 the RawKeyboardListener does not receive the key events when the TextField is focused.

   In my case, I need to handle the up/down arrow keys. Is there a workaround?

   👍React with 👍4Reacted by Sergey Kolesnikov, Jorge Alberto Díaz Orozco (Akiel), Phạm Như Vũ and Satadru Bhattacharjee
8. phamnhuvu-dev commented on Apr 19, 2020

   

   phamnhuvu-dev

   on Apr 19, 2020

   More actions

   same issue with @deckerst

   👍React with 👍1Reacted by Aaron Halvorsen
9. kf6gpe

   added

   P1High-priority issues at the top of the work listHigh-priority issues at the top of the work list

   on May 29, 2020
10. kf6gpe

    modified the milestone: Near-term GoalsThis milestone has been deleted on Jun 1, 2020
11. Skquark commented on Jun 8, 2020

    

    Skquark

    on Jun 8, 2020

    More actions

    Was struggling with this bug too, it doesn't seem to fire RawKeyboardListener on web build. I've been futzing with it to use keyboard to control ScrollBar - ScrollView to bandaid bug here: #43694 but after our efforts, got stuck with this. Even tried the if (keyEvent.data is RawKeyEventDataWeb) part and researched the other issues regarding. Most of the bug reports were already closed like #33857 and #52656 but still should bump the issue.
12. TahaTesser commented on Jun 16, 2020

    

    TahaTesser

    on Jun 16, 2020

    Contributor

    More actions

    @mjeffw
    Pressing a and tab

    Code Sample

    import 'package:flutter/material.dart';
    import 'package:flutter/services.dart';
    
    void main() => runApp(MyApp());
    
    class MyApp extends StatelessWidget {
      // This widget is the root of your application.
      @override
      Widget build(BuildContext context) {
        return MaterialApp(
          title: 'Flutter Demo',
          theme: ThemeData(
            primarySwatch: Colors.blue,
          ),
          home: MyHomePage(title: 'Flutter Demo Home Page'),
        );
      }
    }
    
    class MyHomePage extends StatelessWidget {
      MyHomePage({Key key, this.title}) : super(key: key);
    
      final String title;
    
      @override
      Widget build(BuildContext context) {
        return Scaffold(
          appBar: AppBar(
            title: Text(title),
          ),
          body: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Text(
                  'Hello, World!',
                ),
                RawKeyboardListener(
                  child: TextField(
                    controller: TextEditingController(text: 'test'),
                  ),
                  focusNode: FocusNode(),
                  onKey: (RawKeyEvent value) {
                    print(value.logicalKey);
                    if (value.logicalKey == LogicalKeyboardKey.tab) print('tab');
                    if (value.logicalKey == LogicalKeyboardKey.keyA) print('A');
                  },
                ),
              ],
            ),
          ), // This trailing comma makes auto-formatting nicer for build methods.
        );
      }
    }
    
    

    LogicalKeyboardKey#00061(keyId: "0x00000061", keyLabel: "a", debugName: "Key A")
    A
    LogicalKeyboardKey#00061(keyId: "0x00000061", keyLabel: "a", debugName: "Key A")
    A
    LogicalKeyboardKey#63774(keyId: "0x10007002b", keyLabel: null, debugName: "Tab")
    tab
    LogicalKeyboardKey#63774(keyId: "0x10007002b", keyLabel: null, debugName: "Tab")
    tab
    
    

    flutter doctor -v

    [✓] Flutter (Channel dev, 1.20.0-0.0.pre, on Mac OS X 10.15.5 19F101, locale
        en-GB)
        • Flutter version 1.20.0-0.0.pre at /Users/tahatesser/Code/flutter_dev
        • Framework revision d9653445f4 (6 days ago), 2020-06-09 18:43:03 -0400
        • Engine revision e8c13aa012
        • Dart version 2.9.0 (build 2.9.0-14.0.dev 5c1376615e)
    
     
    [✓] Android toolchain - develop for Android devices (Android SDK version 30.0.0)
        • Android SDK at /Users/tahatesser/Code/sdk
        • Platform android-30, build-tools 30.0.0
        • ANDROID_HOME = /Users/tahatesser/Code/sdk
        • Java binary at: /Applications/Android
          Studio.app/Contents/jre/jdk/Contents/Home/bin/java
        • Java version OpenJDK Runtime Environment (build
          1.8.0_242-release-1644-b3-6222593)
        • All Android licenses accepted.
    
    [✓] Xcode - develop for iOS and macOS (Xcode 11.5)
        • Xcode at /Applications/Xcode.app/Contents/Developer
        • Xcode 11.5, Build version 11E608c
        • CocoaPods version 1.9.3
    
    [✓] Chrome - develop for the web
        • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome
    
    [✓] Android Studio (version 4.0)
        • Android Studio at /Applications/Android Studio.app/Contents
        • Flutter plugin version 46.0.2
        • Dart plugin version 193.7361
        • Java version OpenJDK Runtime Environment (build
          1.8.0_242-release-1644-b3-6222593)
    
    [✓] VS Code (version 1.46.0)
        • VS Code at /Applications/Visual Studio Code.app/Contents
        • Flutter extension version 3.11.0
    
    [✓] Connected device (4 available)
        • SM M305F   • 32003c30dc19668f • android-arm64  • Android 10 (API 29)
        • macOS      • macOS            • darwin-x64     • Mac OS X 10.15.5 19F101
        • Web Server • web-server       • web-javascript • Flutter Tools
        • Chrome     • chrome           • web-javascript • Google Chrome
          83.0.4103.97
    
    • No issues found!
    
    
13. TahaTesser

    added

    waiting for responseThe Flutter team cannot make further progress on this issue until the original reporter respondsThe Flutter team cannot make further progress on this issue until the original reporter responds

    on Jun 16, 2020
14. 10 remaining items

    Load more
15. iapicca

    added

    frameworkflutter/packages/flutter repository. See also f: labels.flutter/packages/flutter repository. See also f: labels.

    on Jul 8, 2020
16. kf6gpe

    removed this from the [DEPRECATED] Near-term GoalsThis milestone has been deleted milestone on Jul 22, 2020
17. markusaksli-nc commented on Aug 5, 2020

    

    markusaksli-nc

    on Aug 5, 2020

    Contributor

    More actions

    Hi @Piinks
    Since the original issue is no longer reproducible on the latest master and the skip audit has been merged can this be closed?
    Thank you
18. Piinks commented on Aug 6, 2020

    

    Piinks

    on Aug 6, 2020

    Contributor

    More actions

    It looks like there are still 8 tests being skipped because of this issue, if they can be un-skipped and pass then this is resolved. It does not appear that it is though since they are still being skipped:

    https://github.com/flutter/flutter/blob/master/packages/flutter/test/services/raw_keyboard_test.dart

    https://github.com/flutter/flutter/blob/master/packages/flutter/test/widgets/focus_traversal_test.dart

    The skipped tests have a comment referencing this issue number so you can search for them. :)

    👍React with 👍1Reacted by Markus Aksli
19. markusaksli-nc

    added

    passed first triage

    on Aug 8, 2020
20. Hixie

    removed this from the NoneThis milestone has been deleted milestone on Aug 17, 2020
21. darrenaustin

    added

    team: skip-testAn issue used to track tests that are skipped.An issue used to track tests that are skipped.

    c: contributor-productivityTeam-specific productivity, code health, technical debt.Team-specific productivity, code health, technical debt.

    c: tech-debtTechnical debt, code quality, testing, etc.Technical debt, code quality, testing, etc.

    on Aug 7, 2021
22. flutter-triage-bot

    added

    multiteam-retriage-candidate

    team-webOwned by Web platform teamOwned by Web platform team

    triaged-webTriaged by Web platform teamTriaged by Web platform team

    on Jul 8, 2023
23. Hixie

    removed

    passed first triage

    on Jul 8, 2023
24. Hixie

    removed

    multiteam-retriage-candidate

    on Mar 6, 2024
25. romaingyh

    added a commit that references this issue on Aug 12, 2025

    test: Skip focus traversal navigation in nested lists tests on browse…

    ...

    378d82d