fix(ui): autocomplete clicks on web

packages/stream_chat_flutter/CHANGELOG.md

@@ -20,6 +20,7 @@
   for `WebOrDesktopAttachmentPickerOption` in `StreamMessageInput`.
 - [[#1250]](https://github.com/GetStream/stream-chat-flutter/issues/1250) Fixed bottomRow widgetSpans getting resized
   twice when `textScaling` is enabled.
+- [[#1498]](<https://github.com/GetStream/stream-chat-flutter/issues/1498>) Fixed mentioning on some platforms.
 
 ✅ Added
 

packages/stream_chat_flutter/example/pubspec.yaml

@@ -28,7 +28,7 @@ dependencies:
   cupertino_icons: ^1.0.4
   flutter:
     sdk: flutter
-  responsive_builder: ^0.6.4
+  responsive_builder: ^0.7.0
   stream_chat_flutter: 
     path: ../
   stream_chat_localizations: 

packages/stream_chat_flutter/lib/src/autocomplete/stream_autocomplete.dart

@@ -610,32 +610,34 @@ class StreamAutocompleteOptions<T extends Object> extends StatelessWidget {
   Widget build(BuildContext context) {
     final height = MediaQuery.of(context).size.height;
     final colorTheme = StreamChatTheme.of(context).colorTheme;
-    return Card(
-      margin: margin,
-      elevation: elevation,
-      color: color ?? colorTheme.barsBg,
-      shape: shape,
-      clipBehavior: clipBehavior,
-      child: Column(
-        mainAxisSize: MainAxisSize.min,
-        children: [
-          if (headerBuilder != null) ...[
-            headerBuilder!(context),
-            const Divider(height: 0),
-          ],
-          LimitedBox(
-            maxHeight: maxHeight ?? height * 0.5,
-            child: ListView.builder(
-              shrinkWrap: true,
-              padding: EdgeInsets.zero,
-              itemCount: options.length,
-              itemBuilder: (context, index) {
-                final option = options.elementAt(index);
-                return optionBuilder(context, option);
-              },
+    return TextFieldTapRegion(
+      child: Card(
+        margin: margin,
+        elevation: elevation,
+        color: color ?? colorTheme.barsBg,
+        shape: shape,
+        clipBehavior: clipBehavior,
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            if (headerBuilder != null) ...[
+              headerBuilder!(context),
+              const Divider(height: 0),
+            ],
+            LimitedBox(
+              maxHeight: maxHeight ?? height * 0.5,
+              child: ListView.builder(
+                shrinkWrap: true,
+                padding: EdgeInsets.zero,
+                itemCount: options.length,
+                itemBuilder: (context, index) {
+                  final option = options.elementAt(index);
+                  return optionBuilder(context, option);
+                },
+              ),
             ),
-          ),
-        ],
+          ],
+        ),
       ),
     );
   }