fix emoji overlay

packages/stream_chat_flutter/lib/src/message_input/message_input.dart

@@ -464,10 +464,10 @@ class MessageInputState extends State<MessageInput>
   void _stopSlowMode() => _slowModeTimer?.cancel();
 
   @override
-  Widget build(BuildContext context) {
+  Widget build(BuildContext context) => MessageValueListenableBuilder(
-    Widget child = MessageValueListenableBuilder(
         valueListenable: _effectiveController,
-      builder: (context, value, _) => DecoratedBox(
+        builder: (context, value, _) {
+          Widget child = DecoratedBox(
             decoration: BoxDecoration(
               color: _messageInputTheme.inputBackgroundColor,
             ),
@@ -500,7 +500,8 @@ class MessageInputState extends State<MessageInput>
                             ),
                             Text(
                               context.translations.replyToMessageLabel,
-                          style: const TextStyle(fontWeight: FontWeight.bold),
+                              style:
+                                  const TextStyle(fontWeight: FontWeight.bold),
                             ),
                             IconButton(
                               visualDensity: VisualDensity.compact,
@@ -529,7 +530,6 @@ class MessageInputState extends State<MessageInput>
                 ),
               ),
             ),
-      ),
           );
           if (_isEditing) {
             child = Material(
@@ -537,7 +537,6 @@ class MessageInputState extends State<MessageInput>
               child: child,
             );
           }
-
           return MultiOverlay(
             childAnchor: Alignment.topCenter,
             overlayAnchor: Alignment.bottomCenter,
@@ -566,7 +565,8 @@ class MessageInputState extends State<MessageInput>
             ],
             child: child,
           );
-  }
+        },
+      );
 
   Flex _buildTextField(BuildContext context) => Flex(
         direction: Axis.horizontal,
@@ -646,6 +646,9 @@ class MessageInputState extends State<MessageInput>
       return widget.sendButtonBuilder!(context, _effectiveController);
     }
 
+    print(
+        'widget.validator(_effectiveController.message): ${widget.validator(_effectiveController.message)}');
+
     return StreamMessageSendButton(
       onSendMessage: sendMessage,
       timeOut: _timeOut,
@@ -711,6 +714,7 @@ class MessageInputState extends State<MessageInput>
   }
 
   Expanded _buildTextInput(BuildContext context) {
+    print('build text input');
     final margin = (widget.sendButtonLocation == SendButtonLocation.inside
             ? const EdgeInsets.only(right: 8)
             : EdgeInsets.zero) +
@@ -869,6 +873,7 @@ class MessageInputState extends State<MessageInput>
 
   late final _onChangedDebounced = debounce(
     () {
+      print('onchangeddebounce');
       var value = _effectiveController.text;
       if (!mounted) return;
       value = value.trim();
@@ -888,6 +893,7 @@ class MessageInputState extends State<MessageInput>
       setState(() {
         _actionsShrunk = value.isNotEmpty && actionsLength > 1;
       });
+      print('CHECK COMMANDS 00');
 
       _checkCommands(value, context);
       _checkMentions(value, context);
@@ -959,6 +965,7 @@ class MessageInputState extends State<MessageInput>
 
   void _checkCommands(String s, BuildContext context) {
     if (s.startsWith('/')) {
+      print('CHECK COMMANDS');
       final allCommands = StreamChannel.of(context).channel.config?.commands;
       final command =
           allCommands?.firstWhereOrNull((it) => it.name == s.substring(1));