chore: Follow up selectable text

Tawkie · Nov 6, 2023 · 8148999 · 8148999
1 parent 60bcc6b
commit 8148999
Showing 1 changed file with 76 additions and 73 deletions.
diff --git a/lib/pages/chat/events/html_message.dart b/lib/pages/chat/events/html_message.dart
@@ -74,79 +74,82 @@ class HtmlMessage extends StatelessWidget {
     );
 
     // there is no need to pre-validate the html, as we validate it while rendering
-    return Html(
-      data: linkifiedRenderHtml,
-      style: {
-        '*': Style(
-          color: textColor,
-          margin: Margins.all(0),
-          fontSize: FontSize(fontSize),
-        ),
-        'a': Style(color: linkColor, textDecorationColor: linkColor),
-        'h1': Style(
-          fontSize: FontSize(fontSize * 2),
-          lineHeight: LineHeight.number(1.5),
-          fontWeight: FontWeight.w600,
-        ),
-        'h2': Style(
-          fontSize: FontSize(fontSize * 1.75),
-          lineHeight: LineHeight.number(1.5),
-          fontWeight: FontWeight.w500,
-        ),
-        'h3': Style(
-          fontSize: FontSize(fontSize * 1.5),
-          lineHeight: LineHeight.number(1.5),
-        ),
-        'h4': Style(
-          fontSize: FontSize(fontSize * 1.25),
-          lineHeight: LineHeight.number(1.5),
-        ),
-        'h5': Style(
-          fontSize: FontSize(fontSize * 1.25),
-          lineHeight: LineHeight.number(1.5),
-        ),
-        'h6': Style(
-          fontSize: FontSize(fontSize),
-          lineHeight: LineHeight.number(1.5),
-        ),
-        'blockquote': blockquoteStyle,
-        'tg-forward': blockquoteStyle,
-        'hr': Style(
-          border: Border.all(color: textColor, width: 0.5),
-        ),
-        'table': Style(
-          border: Border.all(color: textColor, width: 0.5),
-        ),
-        'tr': Style(
-          border: Border.all(color: textColor, width: 0.5),
-        ),
-        'td': Style(
-          border: Border.all(color: textColor, width: 0.5),
-          padding: HtmlPaddings.all(2),
-        ),
-        'th': Style(
-          border: Border.all(color: textColor, width: 0.5),
-        ),
-      },
-      extensions: [
-        RoomPillExtension(context, room),
-        CodeExtension(fontSize: fontSize),
-        MatrixMathExtension(
-          style: TextStyle(fontSize: fontSize, color: textColor),
-        ),
-        const TableHtmlExtension(),
-        SpoilerExtension(textColor: textColor),
-        const ImageExtension(),
-        FontColorExtension(),
-      ],
-      onLinkTap: (url, _, __) => UrlLauncher(context, url).launchUrl(),
-      onlyRenderTheseTags: const {
-        ...allowedHtmlTags,
-        // Needed to make it work properly
-        'body',
-        'html',
-      },
-      shrinkWrap: true,
+    return MouseRegion(
+      cursor: SystemMouseCursors.text,
+      child: Html(
+        data: linkifiedRenderHtml,
+        style: {
+          '*': Style(
+            color: textColor,
+            margin: Margins.all(0),
+            fontSize: FontSize(fontSize),
+          ),
+          'a': Style(color: linkColor, textDecorationColor: linkColor),
+          'h1': Style(
+            fontSize: FontSize(fontSize * 2),
+            lineHeight: LineHeight.number(1.5),
+            fontWeight: FontWeight.w600,
+          ),
+          'h2': Style(
+            fontSize: FontSize(fontSize * 1.75),
+            lineHeight: LineHeight.number(1.5),
+            fontWeight: FontWeight.w500,
+          ),
+          'h3': Style(
+            fontSize: FontSize(fontSize * 1.5),
+            lineHeight: LineHeight.number(1.5),
+          ),
+          'h4': Style(
+            fontSize: FontSize(fontSize * 1.25),
+            lineHeight: LineHeight.number(1.5),
+          ),
+          'h5': Style(
+            fontSize: FontSize(fontSize * 1.25),
+            lineHeight: LineHeight.number(1.5),
+          ),
+          'h6': Style(
+            fontSize: FontSize(fontSize),
+            lineHeight: LineHeight.number(1.5),
+          ),
+          'blockquote': blockquoteStyle,
+          'tg-forward': blockquoteStyle,
+          'hr': Style(
+            border: Border.all(color: textColor, width: 0.5),
+          ),
+          'table': Style(
+            border: Border.all(color: textColor, width: 0.5),
+          ),
+          'tr': Style(
+            border: Border.all(color: textColor, width: 0.5),
+          ),
+          'td': Style(
+            border: Border.all(color: textColor, width: 0.5),
+            padding: HtmlPaddings.all(2),
+          ),
+          'th': Style(
+            border: Border.all(color: textColor, width: 0.5),
+          ),
+        },
+        extensions: [
+          RoomPillExtension(context, room),
+          CodeExtension(fontSize: fontSize),
+          MatrixMathExtension(
+            style: TextStyle(fontSize: fontSize, color: textColor),
+          ),
+          const TableHtmlExtension(),
+          SpoilerExtension(textColor: textColor),
+          const ImageExtension(),
+          FontColorExtension(),
+        ],
+        onLinkTap: (url, _, __) => UrlLauncher(context, url).launchUrl(),
+        onlyRenderTheseTags: const {
+          ...allowedHtmlTags,
+          // Needed to make it work properly
+          'body',
+          'html',
+        },
+        shrinkWrap: true,
+      ),
     );
   }