Skip to content

Web - MouseRegion triggering error outside the window. #78280

@caduandrade

Description

@caduandrade

The MouseRegion is not triggering the "onEnter" and "onExist" when the cursor enters or leaves the window.

I'm trying Flutter Web.

import 'package:flutter/material.dart';
import 'package:tabbed_view/tabbed_view.dart';

void main() {
  runApp(App());
}

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Row(
        children: [_mouseRegion(Colors.yellow), _mouseRegion(Colors.blue)]);
  }

  Widget _mouseRegion(Color color) {
    return Expanded(
        child: MouseRegion(
            child: Container(color: color),
            onEnter: _onEnter,
            onExit: _onExit));
  }

  _onExit(PointerEvent details) {
    print('exit - ' + DateTime.now().toString());
  }

  _onEnter(PointerEvent details) {
    print('enter - ' + DateTime.now().toString());
  }
}

flutter doctor:

[✓] Flutter (Channel stable, 2.0.1, on Linux, locale en_US.UTF-8)
    • Flutter version 2.0.1 at /home/cadu/desenv/flutter
    • Framework revision c5a4b4029c (11 days ago), 2021-03-04 09:47:48 -0800
    • Engine revision 40441def69
    • Dart version 2.12.0

[✓] Android toolchain - develop for Android devices (Android SDK version 30.0.3)
    • Android SDK at /home/cadu/Android/Sdk
    • Platform android-30, build-tools 30.0.3
    • ANDROID_SDK_ROOT = /home/cadu/Android/Sdk
    • Java binary at: /home/cadu/desenv/android-studio/jre/bin/java
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)
    • All Android licenses accepted.

[✓] Chrome - develop for the web
    • Chrome at google-chrome

[✓] Android Studio
    • Android Studio at /home/cadu/desenv/android-studio
    • Flutter plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/9212-flutter
    • Dart plugin can be installed from:
      🔨 https://plugins.jetbrains.com/plugin/6351-dart
    • android-studio-dir = /home/cadu/desenv/android-studio
    • Java version OpenJDK Runtime Environment (build 1.8.0_242-release-1644-b3-6222593)

[✓] IntelliJ IDEA Community Edition (version 2020.3)
    • IntelliJ at /home/cadu/desenv/idea-IC-203.6682.168
    • Flutter plugin version 54.0.3
    • Dart plugin version 203.7759

[✓] Connected device (1 available)
    • Chrome (web) • chrome • web-javascript • Google Chrome 89.0.4389.72

• No issues found!

Metadata

Metadata

Assignees

No one assigned

    Labels

    P1High-priority issues at the top of the work lista: mouseIssues related to using a mouse or mouse supportf: gesturesflutter/packages/flutter/gestures repository.found in release: 2.0Found to occur in 2.0frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specificallyr: fixedIssue is closed as already fixed in a newer version

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions