From 97b8d61afeceee21c2613bae3ba307fe0e039400 Mon Sep 17 00:00:00 2001
From: ggurdin <46800240+ggurdin@users.noreply.github.com>
Date: Tue, 25 Feb 2025 15:42:07 -0500
Subject: [PATCH] chore: make textfields in toolbar work on firefox/safari
 (#1922)

---
 .../toolbar/widgets/message_toolbar.dart      | 44 ++++++++++---------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/lib/pangea/toolbar/widgets/message_toolbar.dart b/lib/pangea/toolbar/widgets/message_toolbar.dart
index 51646a22e..fc154b67a 100644
--- a/lib/pangea/toolbar/widgets/message_toolbar.dart
+++ b/lib/pangea/toolbar/widgets/message_toolbar.dart
@@ -126,28 +126,30 @@ class MessageToolbar extends StatelessWidget {
       return const SizedBox();
     }
 
-    return Container(
-      decoration: BoxDecoration(
-        color: Theme.of(context).cardColor,
-        borderRadius: const BorderRadius.all(
-          Radius.circular(AppConfig.borderRadius),
-        ),
-      ),
-      constraints: const BoxConstraints(
-        maxHeight: AppConfig.toolbarMaxHeight,
-        minWidth: AppConfig.toolbarMinWidth,
-        minHeight: AppConfig.toolbarMinHeight,
-        // maxWidth is set by MessageSelectionOverlay
-      ),
-      child: Column(
-        mainAxisSize: MainAxisSize.min,
-        mainAxisAlignment: MainAxisAlignment.center,
-        children: [
-          AnimatedSize(
-            duration: FluffyThemes.animationDuration,
-            child: toolbarContent(context),
+    return SelectionArea(
+      child: Container(
+        decoration: BoxDecoration(
+          color: Theme.of(context).cardColor,
+          borderRadius: const BorderRadius.all(
+            Radius.circular(AppConfig.borderRadius),
           ),
-        ],
+        ),
+        constraints: const BoxConstraints(
+          maxHeight: AppConfig.toolbarMaxHeight,
+          minWidth: AppConfig.toolbarMinWidth,
+          minHeight: AppConfig.toolbarMinHeight,
+          // maxWidth is set by MessageSelectionOverlay
+        ),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            AnimatedSize(
+              duration: FluffyThemes.animationDuration,
+              child: toolbarContent(context),
+            ),
+          ],
+        ),
       ),
     );
   }