Getting "Assertion failed:_pressedKeys.containsKey(event.physicalKey)" error in Flutter Web

Question

I fetched the data from an API through POST request. Then I populated the data inside a GridView Builder. But when I am scrolling the web version of the app it is giving me this error:

════════ Exception caught by services library ══════════════════════════════════
The following assertion was thrown during a platform message callback:
Assertion failed:
../…/services/hardware_keyboard.dart:441
_pressedKeys.containsKey(event.physicalKey)
"A KeyUpEvent is dispatched, but the state shows that the physical key is not pressed. If this occurs in real application, please report this bug to Flutter. If this occurs in unit tests, please ensure that simulated events follow Flutter's event model as documented in `HardwareKeyboard`. This was the event: KeyUpEvent#6f053(physicalKey: PhysicalKeyboardKey#700e3(usbHidUsage: \"0x000700e3\", debugName: \"Meta Left\"), logicalKey: LogicalKeyboardKey#4b191(keyId: \"0x200000106\", keyLabel: \"Meta Left\", debugName: \"Meta Left\"), character: null, timeStamp: 0:01:32.201000, synthesized)"


When the exception was thrown, this was the stack
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 251:49  throw_
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 29:3    assertFailed
packages/flutter/src/services/hardware_keyboard.dart 441:46                   <fn>
packages/flutter/src/services/hardware_keyboard.dart 451:14                   [_assertEventIsRegular]
packages/flutter/src/services/hardware_keyboard.dart 543:5                    handleKeyEvent
packages/flutter/src/services/hardware_keyboard.dart 821:57                   handleRawKeyMessage
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 84:54            runBody
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 123:5            _async
packages/flutter/src/services/hardware_keyboard.dart 808:51                   handleRawKeyMessage
packages/flutter/src/services/platform_channel.dart 73:49                     <fn>
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 84:54            runBody
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 123:5            _async
packages/flutter/src/services/platform_channel.dart 72:58                     <fn>
packages/flutter/src/services/binding.dart 379:35                             <fn>
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 84:54            runBody
dart-sdk/lib/_internal/js_dev_runtime/patch/async_patch.dart 123:5            _async
packages/flutter/src/services/binding.dart 376:98                             <fn>
lib/_engine/engine/platform_dispatcher.dart 1034:13                           invoke2
lib/ui/src/ui/channel_buffers.dart 25:5                                       invoke
lib/ui/src/ui/channel_buffers.dart 65:7                                       push
lib/ui/src/ui/channel_buffers.dart 130:16                                     push
lib/_engine/engine/platform_dispatcher.dart 302:25                            invokeOnPlatformMessage
lib/_engine/engine/keyboard.dart 130:39                                       [_handleHtmlEvent]
lib/_engine/engine/keyboard.dart 39:7                                         <fn>
════════════════════════════════════════════════════════════════════════════════

This is the code for populating the GridView. There isn't any error or issue with GridView. The data is being populated perfectly but as soon as I start scrolling, the above error shows in Debug console. Also, the scrolling is very laggy. It seems as if the animations are completely broken.

@override
  Widget build(BuildContext context) {
    return Container(
      child: Scaffold(
          body: Row(
        children: [
          SideDrawer(),
          Container(
            padding: EdgeInsets.all(20),
            width: MediaQuery.of(context).size.width * 0.77,
            child: FutureBuilder<dynamic>(
              future: appList(),
              builder: (context, snapshot) {
                if (snapshot.data == null) {
                  return Center(
                    child: CircularProgressIndicator(),
                  );
                } else {
                  return GridView.builder(
                    gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                        crossAxisCount: 5,
                        childAspectRatio: 3 / 2,
                        crossAxisSpacing: 10,
                        mainAxisSpacing: 10),
                    itemCount: snapshot.data.length - 1,
                    itemBuilder: (context, index) {
                      return Card(
                        elevation: 2,
                        child: ListTile(
                          leading: Text(snapshot.data[index]["title"]),
                        ),
                      );
                    },
                  );
                }
              },
            ),
          ),
        ],
      )),
    );
  }

Any help will be appreciable. Thank you so much.

Gregory Seront · Answer 1 · 2021-12-22T15:44:29.910

14

This is an issue with hot reload: https://github.com/flutter/flutter/issues/87391. I experienced the same problem, but once I stop/relaunch the app, it disappears.

edited Dec 22 '21 at 15:44

answered Dec 22 '21 at 15:37

Gregory Seront

746
1
6
9

2

yes the same happend to me on flutter 2.8 with web, the bug disappear when i relaunch the app – GNassro Jan 10 '22 at 21:36

1housand · Answer 2 · 2023-07-24T17:02:24.147

4

If you are using a StatelessWidget, convert it to a StatefulWidget and do a full restart.

In the code example from the official Flutter API documentation for TextEditingController, they are using a StatefulWidget so it's safe to assume that TextEditingControllers need to be in a StatefulWidget.

edited Jul 24 '23 at 17:02

answered Dec 09 '21 at 06:27

1housand

508
7
16

While I agree that StatefulWidgets are just plain better because you can add/update functionality without having to refactor everything you've already done just to get to the point of having a good container, this advice goes against everything the Flutter team suggests is possible - even preferable - when using StatelessWidgets everywhere that dynamic state isn't 100% necessary. :( – ChrisH Jul 18 '22 at 14:45
I updated my answer with a source - the official Flutter API documentation for TextEditingController has a code example and they are using a Stateful Widget. I don't believe you can use this with a Stateless widget. Also, I think you got Stateless mixed up with Stateful in your last statement. – 1housand Jul 19 '22 at 18:14
I didn't confuse anything. I've used Stateless Widgets with text edit controllers pretty often. It's only been very recently I"ve started seeing this error - I think since I updated to Flutter 3 (I think, I won't swear to that). – ChrisH Jul 19 '22 at 18:37

score 2 · Answer 3 · answered Jun 07 '22 at 12:45

2

When you use a physical keyboard on an emulator rapidly, this error occurred. Use 'Hot Restart' or use Emulators/Simulators keyboard while testing the app.

answered Jun 07 '22 at 12:45

Sudhanshu Namdev

21
2

Jahidul Islam · Answer 4 · 2021-09-09T11:19:48.033

1

Add this two lines shrinkWrap: true and physics: ScrollPhysics(),under GridView.builder

return Scaffold(
      drawer: SideDrawer(),
        body: Container(
          padding: EdgeInsets.all(20),
          width: MediaQuery.of(context).size.width * 0.77,
          child: FutureBuilder<dynamic>(
            future: appList(),
            builder: (context, snapshot) {
              if (snapshot.data == null) {
                return Center(
                  child: CircularProgressIndicator(),
                );
              } else {
                return GridView.builder(
                  shrinkWrap: true,
                  physics: ScrollPhysics(),
                  gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
                      crossAxisCount: 5,
                      childAspectRatio: 3 / 2,
                      crossAxisSpacing: 10,
                      mainAxisSpacing: 10),
                  itemCount: snapshot.data.length - 1,
                  itemBuilder: (context, index) {
                    return Card(
                      elevation: 2,
                      child: ListTile(
                        leading: Text(snapshot.data[index]["title"]),
                      ),
                    );
                  },
                );
              }
            },
          ),
        ),
     );

edited Sep 09 '21 at 11:19

answered Sep 09 '21 at 07:36

Jahidul Islam

11,435
3
17
38

For a moment I thought it fixed the issue but after some time it again gave the error. Well, it isn't affecting usage of the GridView but that error is annoying and shouldn't be there. Also, the lag is still there. – lordarcadius Sep 09 '21 at 07:45
if you got the error then you wrap your container with the `SingleChildScrollView` – Jahidul Islam Sep 09 '21 at 07:48
I guess it fixed the issue. Not sure. I will update if I still get the error. EDIT: Okay! So the issue is still there but it only happens when I press any key on keyboard. – lordarcadius Sep 09 '21 at 08:12
do you have any textfield ? – Jahidul Islam Sep 09 '21 at 08:26
Nope! Whatever I am showing on screen is in the code that I posted here. – lordarcadius Sep 09 '21 at 08:45
why you wrap with the container? – Jahidul Islam Sep 09 '21 at 09:01
Because I have a Sidebar in left side of the screen – lordarcadius Sep 09 '21 at 11:13
if you have drawer you can put it under scaffold not in row – Jahidul Islam Sep 09 '21 at 11:15
you add `SideDrawer` between scaffold and body `drawer: SideDrawer()` – Jahidul Islam Sep 09 '21 at 11:16
Well, I am not making a collapsible sidebar. I am making a sidebar that stick on side like any website has it. That's why I didn't add it into drawer of Scaffold – lordarcadius Sep 09 '21 at 11:29

score 0 · Answer 5 · answered Oct 03 '22 at 04:36

0

you will not find this error in release mode, this is caused by the Emulator it self. You can ignore it!

answered Oct 03 '22 at 04:36

Md omer arafat

398
7
10

score 0 · Answer 6 · answered Dec 30 '22 at 05:06

0

This error also occurs when you use virtual emulators connected to your real device and you try to use physical keyboard as an input instead of Real device's keyboard

so try to input through the real device's input mode

answered Dec 30 '22 at 05:06

Harsh Kothari

439
4
8

score 0 · Answer 7 · answered Mar 30 '23 at 14:51

0

I had the same problem, and even reinstalling the app didn't work.

The problem was with my simulator (iPad). So I :

Exited my simulator
Launched the simulator again
Reinstalled the app

And the problem disappeared.

answered Mar 30 '23 at 14:51

Jack'

1,722
1
19
27

score 0 · Answer 8 · answered Jun 01 '23 at 13:42

I had a similar issue while developing flutter for desktop apps, I was getting the error due to having capslock on, ensure it is off, for somewierd reason, on an M2 chip Macbook, and you run the app on debug mode with capslock on, you get that error. Run the app with the caps off

Getting "Assertion failed:_pressedKeys.containsKey(event.physicalKey)" error in Flutter Web

8 Answers8