fix: TextFormField widgets were not being masked (#227)

Author: marandaneto

CHANGELOG.md

@@ -1,5 +1,7 @@
 ## Next
 
+- fix: TextFormField widgets were not being masked ([#227](https://github.com/PostHog/posthog-flutter/pull/227))
+
 ## 5.9.0
 
 - feat: add autocapture exceptions ([#214](https://github.com/PostHog/posthog-flutter/pull/214))

example/lib/main.dart

@@ -168,7 +168,7 @@ class InitialScreenState extends State<InitialScreen> {
                       onPressed: () async {
                         final isOptedOut =
                             await _posthogFlutterPlugin.isOptOut();
-                        if (mounted) {
+                        if (mounted && context.mounted) {
                           ScaffoldMessenger.of(context).showSnackBar(
                             SnackBar(
                               content: Text('Opted out: $isOptedOut'),
@@ -284,7 +284,7 @@ class InitialScreenState extends State<InitialScreen> {
                         },
                       );
 
-                      if (mounted) {
+                      if (mounted && context.mounted) {
                         ScaffoldMessenger.of(context).showSnackBar(
                           const SnackBar(
                             content: Text(

lib/src/replay/element_parsers/element_object_parser.dart

@@ -1,9 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/rendering.dart';
+import 'package:posthog_flutter/posthog_flutter.dart';
 import 'package:posthog_flutter/src/replay/element_parsers/element_data.dart';
 import 'package:posthog_flutter/src/replay/element_parsers/element_parser.dart';
 import 'package:posthog_flutter/src/replay/mask/posthog_mask_controller.dart';
-import 'package:posthog_flutter/src/replay/mask/posthog_mask_widget.dart';
 
 class ElementObjectParser {
   final ElementParser _elementParser = ElementParser();
@@ -30,9 +30,23 @@ class ElementObjectParser {
       }
     }
 
-    if (element.widget is TextField) {
-      final textField = element.widget as TextField;
-      if (textField.obscureText) {
+    // Handle TextField and TextFormField masking
+    if (element.widget is TextField || element.widget is TextFormField) {
+      final config = Posthog().config?.sessionReplayConfig;
+      final maskAllTexts = config?.maskAllTexts ?? true;
+
+      var isObscured = false;
+      if (element.widget is TextField) {
+        isObscured = (element.widget as TextField).obscureText;
+      }
+      // Note: TextFormField obscureText is handled differently in Flutter.
+      // TextFormField creates an internal TextField, but the obscureText property
+      // is not directly accessible on the TextFormField widget itself.
+      // For TextFormField, we rely on the maskAllTexts configuration.
+
+      final shouldMask = maskAllTexts || isObscured;
+
+      if (shouldMask) {
         final elementData = _elementParser.relate(element, activeElementData);
 
         if (elementData != null) {

lib/src/replay/element_parsers/element_parsers_const.dart

@@ -14,6 +14,7 @@ class ElementParsersConst {
     if (config?.maskAllTexts ?? true) {
       registerElementParser<RenderParagraph>();
       registerElementParser<RenderTransform>();
+      registerElementParser<RenderEditable>();
     }
   }