Merge pull request #209 from sebastianbuechler/feature/enable-mouse-s…

…croll

enable mouse scroll

examples/shop_app_example/lib/main.dart

@@ -12,6 +12,7 @@ import 'package:talker_flutter/talker_flutter.dart';
 import 'package:talker_shop_app_example/repositories/products/products.dart';
 import 'package:talker_shop_app_example/ui/presentation_frame.dart';
 import 'package:talker_shop_app_example/ui/ui.dart';
+import 'package:talker_shop_app_example/utils/scroll_behavior.dart';
 import 'package:talker_shop_app_example/utils/utils.dart';
 
 import 'firebase_options.dart';
@@ -82,6 +83,7 @@ class MyApp extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return MaterialApp(
+      scrollBehavior: kIsWeb ? WebScrollBehavior() : null,
       title: 'Talker shop app',
       theme: lightTheme,
       initialRoute: Routes.productsList,

examples/shop_app_example/lib/utils/scroll_behavior.dart

@@ -0,0 +1,25 @@
+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+
+/// This class is used to override the default scroll behavior of the
+/// [MaterialApp] widget.
+///
+/// The default scroll behavior of the [MaterialApp] widget is to only
+/// scroll when the user is using a touch device. This class overrides
+/// that behavior to allow scrolling when the user is using a mouse
+/// device.
+///
+/// This class is used in the [MaterialApp.scrollBehavior] property.
+///
+/// See: https://docs.flutter.dev/release/breaking-changes/default-scroll-behavior-drag
+class WebScrollBehavior extends MaterialScrollBehavior {
+  @override
+  Set<PointerDeviceKind> get dragDevices => {
+        PointerDeviceKind.touch,
+        PointerDeviceKind.mouse,
+        PointerDeviceKind.invertedStylus,
+        PointerDeviceKind.stylus,
+        PointerDeviceKind.trackpad,
+        PointerDeviceKind.unknown,
+      };
+}