From 3e017d733ff77065afb50eabdddd69caa713ab8b Mon Sep 17 00:00:00 2001
From: ggurdin <46800240+ggurdin@users.noreply.github.com>
Date: Fri, 13 Dec 2024 16:09:09 -0500
Subject: [PATCH] wrap textfield in selection area to make typing work on
 Safari and Firefox (#1251)

---
 lib/pages/chat/input_bar.dart | 128 +++++++++++++++++-----------------
 1 file changed, 65 insertions(+), 63 deletions(-)

diff --git a/lib/pages/chat/input_bar.dart b/lib/pages/chat/input_bar.dart
index 039e94edc..194b5700c 100644
--- a/lib/pages/chat/input_bar.dart
+++ b/lib/pages/chat/input_bar.dart
@@ -472,74 +472,76 @@ class InputBar extends StatelessWidget {
           // show suggestions after 50ms idle time (default is 300)
           // #Pangea
           // builder: (context, controller, focusNode) => TextField(
-          builder: (context, _, focusNode) => TextField(
-            enableSuggestions: false,
-            readOnly:
-                controller != null && controller!.choreographer.isRunningIT,
-            autocorrect: false,
-            // Pangea#
-            controller: controller,
-            focusNode: focusNode,
-            contextMenuBuilder: (c, e) => markdownContextBuilder(
-              c,
-              e,
-              // #Pangea
-              // controller,
-              _,
+          builder: (context, _, focusNode) => SelectionArea(
+            child: TextField(
+              enableSuggestions: false,
+              readOnly:
+                  controller != null && controller!.choreographer.isRunningIT,
+              autocorrect: false,
               // Pangea#
-            ),
-            contentInsertionConfiguration: ContentInsertionConfiguration(
-              onContentInserted: (KeyboardInsertedContent content) {
-                final data = content.data;
-                if (data == null) return;
+              controller: controller,
+              focusNode: focusNode,
+              contextMenuBuilder: (c, e) => markdownContextBuilder(
+                c,
+                e,
+                // #Pangea
+                // controller,
+                _,
+                // Pangea#
+              ),
+              contentInsertionConfiguration: ContentInsertionConfiguration(
+                onContentInserted: (KeyboardInsertedContent content) {
+                  final data = content.data;
+                  if (data == null) return;
 
-                final file = MatrixFile(
-                  mimeType: content.mimeType,
-                  bytes: data,
-                  name: content.uri.split('/').last,
-                );
-                room.sendFileEvent(
-                  file,
-                  shrinkImageMaxDimension: 1600,
+                  final file = MatrixFile(
+                    mimeType: content.mimeType,
+                    bytes: data,
+                    name: content.uri.split('/').last,
+                  );
+                  room.sendFileEvent(
+                    file,
+                    shrinkImageMaxDimension: 1600,
+                  );
+                },
+              ),
+              minLines: minLines,
+              maxLines: maxLines,
+              keyboardType: keyboardType!,
+              textInputAction: textInputAction,
+              autofocus: autofocus!,
+              inputFormatters: [
+                //#Pangea
+                //LengthLimitingTextInputFormatter((maxPDUSize / 3).floor()),
+                //setting max character count to 1000
+                //after max, nothing else can be typed
+                LengthLimitingTextInputFormatter(1000),
+                //Pangea#
+              ],
+              onSubmitted: (text) {
+                // fix for library for now
+                // it sets the types for the callback incorrectly
+                onSubmitted!(text);
+              },
+              // #Pangea
+              style: controller?.exceededMaxLength ?? false
+                  ? const TextStyle(color: Colors.red)
+                  : null,
+              onTap: () {
+                controller?.onInputTap(
+                  context,
+                  fNode: focusNode,
                 );
               },
+              // Pangea#
+              decoration: decoration!,
+              onChanged: (text) {
+                // fix for the library for now
+                // it sets the types for the callback incorrectly
+                onChanged!(text);
+              },
+              textCapitalization: TextCapitalization.sentences,
             ),
-            minLines: minLines,
-            maxLines: maxLines,
-            keyboardType: keyboardType!,
-            textInputAction: textInputAction,
-            autofocus: autofocus!,
-            inputFormatters: [
-              //#Pangea
-              //LengthLimitingTextInputFormatter((maxPDUSize / 3).floor()),
-              //setting max character count to 1000
-              //after max, nothing else can be typed
-              LengthLimitingTextInputFormatter(1000),
-              //Pangea#
-            ],
-            onSubmitted: (text) {
-              // fix for library for now
-              // it sets the types for the callback incorrectly
-              onSubmitted!(text);
-            },
-            // #Pangea
-            style: controller?.exceededMaxLength ?? false
-                ? const TextStyle(color: Colors.red)
-                : null,
-            onTap: () {
-              controller?.onInputTap(
-                context,
-                fNode: focusNode,
-              );
-            },
-            // Pangea#
-            decoration: decoration!,
-            onChanged: (text) {
-              // fix for the library for now
-              // it sets the types for the callback incorrectly
-              onChanged!(text);
-            },
-            textCapitalization: TextCapitalization.sentences,
           ),
           suggestionsCallback: getSuggestions,
           itemBuilder: (c, s) =>