From b310e6f4de79371f6538591825ec1e6a1c03e15c Mon Sep 17 00:00:00 2001
From: Francesco Novy <francesco.novy@sentry.io>
Date: Fri, 7 Jul 2023 11:11:27 +0200
Subject: [PATCH] feat: Better masking of option/radio/checkbox values

---
 .changeset/little-moons-camp.md               |    6 +
 packages/rrweb-snapshot/src/snapshot.ts       |   59 +-
 packages/rrweb-snapshot/src/types.ts          |    2 +
 packages/rrweb-snapshot/src/utils.ts          |   34 +-
 .../__snapshots__/integration.test.ts.snap    |    6 +
 packages/rrweb/src/record/index.ts            |    2 +
 packages/rrweb/src/record/mutation.ts         |    6 +-
 packages/rrweb/src/record/observer.ts         |   36 +-
 .../__snapshots__/integration.test.ts.snap    | 1144 +++++++++++------
 packages/rrweb/test/html/form.html            |   16 +-
 .../cross-origin-iframes.test.ts.snap         |  373 ++++--
 11 files changed, 1167 insertions(+), 517 deletions(-)
 create mode 100644 .changeset/little-moons-camp.md

diff --git a/.changeset/little-moons-camp.md b/.changeset/little-moons-camp.md
new file mode 100644
index 0000000000..776f214f40
--- /dev/null
+++ b/.changeset/little-moons-camp.md
@@ -0,0 +1,6 @@
+---
+'rrweb-snapshot': minor
+'rrweb': minor
+---
+
+feat: Better masking of option/radio/checkbox values
diff --git a/packages/rrweb-snapshot/src/snapshot.ts b/packages/rrweb-snapshot/src/snapshot.ts
index bb18542d26..419c20c689 100644
--- a/packages/rrweb-snapshot/src/snapshot.ts
+++ b/packages/rrweb-snapshot/src/snapshot.ts
@@ -21,7 +21,9 @@ import {
   isNativeShadowDom,
   getCssRulesString,
   getInputType,
+  getInputValue,
   toLowerCase,
+  toUpperCase,
   validateStringifiedCssRule,
 } from './utils';
 
@@ -514,6 +516,8 @@ function serializeNode(
         maskTextClass,
         maskTextSelector,
         maskTextFn,
+        maskInputOptions,
+        maskInputFn,
         rootId,
       });
     case n.CDATA_SECTION_NODE:
@@ -545,10 +549,19 @@ function serializeTextNode(
     maskTextClass: string | RegExp;
     maskTextSelector: string | null;
     maskTextFn: MaskTextFn | undefined;
+    maskInputOptions: MaskInputOptions;
+    maskInputFn: MaskInputFn | undefined;
     rootId: number | undefined;
   },
 ): serializedNode {
-  const { maskTextClass, maskTextSelector, maskTextFn, rootId } = options;
+  const {
+    maskTextClass,
+    maskTextSelector,
+    maskTextFn,
+    maskInputFn,
+    maskInputOptions,
+    rootId,
+  } = options;
   // The parent node may not be a html element which has a tagName attribute.
   // So just let it be undefined which is ok in this use case.
   const parentTagName = n.parentNode && (n.parentNode as HTMLElement).tagName;
@@ -590,6 +603,18 @@ function serializeTextNode(
       : textContent.replace(/[\S]/g, '*');
   }
 
+  // Handle <option> text like an input value
+  if (parentTagName === 'OPTION' && textContent) {
+    textContent = maskInputValue({
+      element: n as unknown as HTMLElement,
+      type: null,
+      tagName: parentTagName,
+      value: textContent,
+      maskInputOptions,
+      maskInputFn,
+    });
+  }
+
   return {
     type: NodeType.Text,
     textContent: textContent || '',
@@ -677,26 +702,32 @@ function serializeElementNode(
     }
   }
   // form fields
-  if (tagName === 'input' || tagName === 'textarea' || tagName === 'select') {
-    const value = (n as HTMLInputElement | HTMLTextAreaElement).value;
+  if (
+    tagName === 'input' ||
+    tagName === 'textarea' ||
+    tagName === 'select' ||
+    tagName === 'option'
+  ) {
+    const el = n as
+      | HTMLInputElement
+      | HTMLTextAreaElement
+      | HTMLSelectElement
+      | HTMLOptionElement;
+
+    const type = getInputType(el);
+    const value = getInputValue(el, toUpperCase(tagName), type);
     const checked = (n as HTMLInputElement).checked;
-    if (
-      attributes.type !== 'radio' &&
-      attributes.type !== 'checkbox' &&
-      attributes.type !== 'submit' &&
-      attributes.type !== 'button' &&
-      value
-    ) {
-      const type = getInputType(n);
+    if (type !== 'submit' && type !== 'button' && value) {
       attributes.value = maskInputValue({
-        element: n,
+        element: el,
         type,
-        tagName,
+        tagName: toUpperCase(tagName),
         value,
         maskInputOptions,
         maskInputFn,
       });
-    } else if (checked) {
+    }
+    if (checked) {
       attributes.checked = checked;
     }
   }
diff --git a/packages/rrweb-snapshot/src/types.ts b/packages/rrweb-snapshot/src/types.ts
index 9edb4dd6d4..a8fd62e162 100644
--- a/packages/rrweb-snapshot/src/types.ts
+++ b/packages/rrweb-snapshot/src/types.ts
@@ -133,6 +133,8 @@ export type MaskInputOptions = Partial<{
   textarea: boolean;
   select: boolean;
   password: boolean;
+  radio: boolean;
+  checkbox: boolean;
 }>;
 
 export type SlimDOMOptions = Partial<{
diff --git a/packages/rrweb-snapshot/src/utils.ts b/packages/rrweb-snapshot/src/utils.ts
index 06e3b7a010..dde749fd05 100644
--- a/packages/rrweb-snapshot/src/utils.ts
+++ b/packages/rrweb-snapshot/src/utils.ts
@@ -174,17 +174,21 @@ export function maskInputValue({
 }: {
   element: HTMLElement;
   maskInputOptions: MaskInputOptions;
-  tagName: string;
-  type: string | null;
+  tagName: Uppercase<string>;
+  type: Lowercase<string> | null;
   value: string | null;
   maskInputFn?: MaskInputFn;
 }): string {
   let text = value || '';
-  const actualType = type && toLowerCase(type);
+
+  // Handle `option` like `select
+  if (tagName === 'OPTION') {
+    tagName = 'SELECT';
+  }
 
   if (
     maskInputOptions[tagName.toLowerCase() as keyof MaskInputOptions] ||
-    (actualType && maskInputOptions[actualType as keyof MaskInputOptions])
+    (type && maskInputOptions[type as keyof MaskInputOptions])
   ) {
     if (maskInputFn) {
       text = maskInputFn(text, element);
@@ -199,6 +203,10 @@ export function toLowerCase<T extends string>(str: T): Lowercase<T> {
   return str.toLowerCase() as unknown as Lowercase<T>;
 }
 
+export function toUpperCase<T extends string>(str: T): Uppercase<T> {
+  return str.toUpperCase() as unknown as Uppercase<T>;
+}
+
 const ORIGINAL_ATTRIBUTE_NAME = '__rrweb_original__';
 type PatchedGetImageData = {
   [ORIGINAL_ATTRIBUTE_NAME]: CanvasImageData['getImageData'];
@@ -283,3 +291,21 @@ export function getInputType(element: HTMLElement): Lowercase<string> | null {
       toLowerCase(type)
     : null;
 }
+
+export function getInputValue(
+  el:
+    | HTMLInputElement
+    | HTMLTextAreaElement
+    | HTMLSelectElement
+    | HTMLOptionElement,
+  tagName: Uppercase<string>,
+  type: Lowercase<string> | null,
+): string {
+  if (tagName === 'INPUT' && (type === 'radio' || type === 'checkbox')) {
+    // checkboxes & radio buttons return `on` as their el.value when no value is specified
+    // we only want to get the value if it is specified as `value='xxx'`
+    return el.getAttribute('value') || '';
+  }
+
+  return el.value;
+}
diff --git a/packages/rrweb-snapshot/test/__snapshots__/integration.test.ts.snap b/packages/rrweb-snapshot/test/__snapshots__/integration.test.ts.snap
index 529a51eeff..d6d424d92e 100644
--- a/packages/rrweb-snapshot/test/__snapshots__/integration.test.ts.snap
+++ b/packages/rrweb-snapshot/test/__snapshots__/integration.test.ts.snap
@@ -363,6 +363,12 @@ exports[`integration tests [html file]: picture-in-frame.html 1`] = `
   </body></html>"
 `;
 
+exports[`integration tests [html file]: picture-with-inline-onload.html 1`] = `
+"<html xmlns=\\"http://www.w3.org/1999/xhtml\\"><head></head><body>
+    <img src=\\"http://localhost:3030/images/robot.png\\" alt=\\"This is a robot\\" style=\\"opacity: 1;\\" _onload=\\"this.style.opacity=1\\" />
+  </body></html>"
+`;
+
 exports[`integration tests [html file]: preload.html 1`] = `
 "<!DOCTYPE html><html lang=\\"en\\"><head>
     <meta charset=\\"UTF-8\\" />
diff --git a/packages/rrweb/src/record/index.ts b/packages/rrweb/src/record/index.ts
index 563942312f..90e4d79d56 100644
--- a/packages/rrweb/src/record/index.ts
+++ b/packages/rrweb/src/record/index.ts
@@ -140,6 +140,8 @@ function record<T = eventWithTime>(
           textarea: true,
           select: true,
           password: true,
+          radio: true,
+          checkbox: true,
         }
       : _maskInputOptions !== undefined
       ? _maskInputOptions
diff --git a/packages/rrweb/src/record/mutation.ts b/packages/rrweb/src/record/mutation.ts
index 39a6107635..7c000965a7 100644
--- a/packages/rrweb/src/record/mutation.ts
+++ b/packages/rrweb/src/record/mutation.ts
@@ -10,6 +10,7 @@ import {
   isNativeShadowDom,
   getInputType,
   toLowerCase,
+  getInputValue,
 } from 'rrweb-snapshot';
 import type { observerParam, MutationBufferParam } from '../types';
 import type {
@@ -504,6 +505,7 @@ export default class MutationBuffer {
         }
         break;
       }
+
       case 'attributes': {
         const target = m.target as HTMLElement;
         let attributeName = m.attributeName as string;
@@ -511,11 +513,13 @@ export default class MutationBuffer {
 
         if (attributeName === 'value') {
           const type = getInputType(target);
+          const tagName = target.tagName as unknown as Uppercase<string>;
+          value = getInputValue(target as HTMLInputElement, tagName, type);
 
           value = maskInputValue({
             element: target,
             maskInputOptions: this.maskInputOptions,
-            tagName: target.tagName,
+            tagName,
             type,
             value,
             maskInputFn: this.maskInputFn,
diff --git a/packages/rrweb/src/record/observer.ts b/packages/rrweb/src/record/observer.ts
index 9a02c4adcc..aafcc80467 100644
--- a/packages/rrweb/src/record/observer.ts
+++ b/packages/rrweb/src/record/observer.ts
@@ -3,7 +3,9 @@ import {
   maskInputValue,
   Mirror,
   getInputType,
+  getInputValue,
   toLowerCase,
+  toUpperCase,
 } from 'rrweb-snapshot';
 import type { FontFaceSet } from 'css-font-loading-module';
 import {
@@ -431,15 +433,12 @@ function initInputObserver({
   function eventHandler(event: Event) {
     let target = getEventTarget(event) as HTMLElement | null;
     const userTriggered = event.isTrusted;
-    const tagName = target && target.tagName;
-
+    const tagName = target && toUpperCase((target as Element).tagName);
     /**
      * If a site changes the value 'selected' of an option element, the value of its parent element, usually a select element, will be changed as well.
      * We can treat this change as a value change of the select element the current target belongs to.
      */
-    if (target && tagName === 'OPTION') {
-      target = target.parentElement;
-    }
+    if (tagName === 'OPTION') target = (target as Element).parentElement;
     if (
       !target ||
       !tagName ||
@@ -449,18 +448,25 @@ function initInputObserver({
       return;
     }
 
-    if (target.classList.contains(ignoreClass)) {
+    const el = target as
+      | HTMLInputElement
+      | HTMLTextAreaElement
+      | HTMLSelectElement;
+
+    if (el.classList.contains(ignoreClass)) {
       return;
     }
-    let text = (target as HTMLInputElement).value;
+
+    const type = getInputType(target);
+    let text = getInputValue(el, tagName, type);
     let isChecked = false;
-    const type: Lowercase<string> = getInputType(target) || '';
 
     if (type === 'radio' || type === 'checkbox') {
       isChecked = (target as HTMLInputElement).checked;
-    } else if (
+    }
+    if (
       maskInputOptions[tagName.toLowerCase() as keyof MaskInputOptions] ||
-      maskInputOptions[type as keyof MaskInputOptions]
+      (type && maskInputOptions[type as keyof MaskInputOptions])
     ) {
       text = maskInputValue({
         element: target,
@@ -486,11 +492,19 @@ function initInputObserver({
         .querySelectorAll(`input[type="radio"][name="${name}"]`)
         .forEach((el) => {
           if (el !== target) {
+            const text = maskInputValue({
+              element: el as HTMLInputElement,
+              maskInputOptions,
+              tagName,
+              type,
+              value: getInputValue(el as HTMLInputElement, tagName, type),
+              maskInputFn,
+            });
             cbWithDedup(
               el,
               callbackWrapper(wrapEventWithUserTriggeredFlag)(
                 {
-                  text: (el as HTMLInputElement).value,
+                  text,
                   isChecked: !isChecked,
                   userTriggered: false,
                 },
diff --git a/packages/rrweb/test/__snapshots__/integration.test.ts.snap b/packages/rrweb/test/__snapshots__/integration.test.ts.snap
index f244948b67..f447180605 100644
--- a/packages/rrweb/test/__snapshots__/integration.test.ts.snap
+++ b/packages/rrweb/test/__snapshots__/integration.test.ts.snap
@@ -1797,8 +1797,7 @@ exports[`record integration tests can record form interactions 1`] = `
                             \\"tagName\\": \\"input\\",
                             \\"attributes\\": {
                               \\"type\\": \\"radio\\",
-                              \\"name\\": \\"toggle\\",
-                              \\"value\\": \\"on\\"
+                              \\"name\\": \\"toggle\\"
                             },
                             \\"childNodes\\": [],
                             \\"id\\": 27
@@ -1832,7 +1831,7 @@ exports[`record integration tests can record form interactions 1`] = `
                             \\"attributes\\": {
                               \\"type\\": \\"radio\\",
                               \\"name\\": \\"toggle\\",
-                              \\"value\\": \\"off\\",
+                              \\"value\\": \\"radio-on\\",
                               \\"checked\\": true
                             },
                             \\"childNodes\\": [],
@@ -1854,9 +1853,7 @@ exports[`record integration tests can record form interactions 1`] = `
                       {
                         \\"type\\": 2,
                         \\"tagName\\": \\"label\\",
-                        \\"attributes\\": {
-                          \\"for\\": \\"checkbox\\"
-                        },
+                        \\"attributes\\": {},
                         \\"childNodes\\": [
                           {
                             \\"type\\": 3,
@@ -1867,7 +1864,9 @@ exports[`record integration tests can record form interactions 1`] = `
                             \\"type\\": 2,
                             \\"tagName\\": \\"input\\",
                             \\"attributes\\": {
-                              \\"type\\": \\"checkbox\\"
+                              \\"type\\": \\"radio\\",
+                              \\"name\\": \\"toggle\\",
+                              \\"value\\": \\"radio-off\\"
                             },
                             \\"childNodes\\": [],
                             \\"id\\": 37
@@ -1889,7 +1888,7 @@ exports[`record integration tests can record form interactions 1`] = `
                         \\"type\\": 2,
                         \\"tagName\\": \\"label\\",
                         \\"attributes\\": {
-                          \\"for\\": \\"textarea\\"
+                          \\"for\\": \\"checkbox\\"
                         },
                         \\"childNodes\\": [
                           {
@@ -1897,6 +1896,74 @@ exports[`record integration tests can record form interactions 1`] = `
                             \\"textContent\\": \\"\\\\n        \\",
                             \\"id\\": 41
                           },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"input\\",
+                            \\"attributes\\": {
+                              \\"type\\": \\"checkbox\\"
+                            },
+                            \\"childNodes\\": [],
+                            \\"id\\": 42
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"id\\": 43
+                          }
+                        ],
+                        \\"id\\": 40
+                      },
+                      {
+                        \\"type\\": 3,
+                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"id\\": 44
+                      },
+                      {
+                        \\"type\\": 2,
+                        \\"tagName\\": \\"label\\",
+                        \\"attributes\\": {},
+                        \\"childNodes\\": [
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n        \\",
+                            \\"id\\": 46
+                          },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"input\\",
+                            \\"attributes\\": {
+                              \\"type\\": \\"checkbox\\",
+                              \\"value\\": \\"check-on\\",
+                              \\"checked\\": true
+                            },
+                            \\"childNodes\\": [],
+                            \\"id\\": 47
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"id\\": 48
+                          }
+                        ],
+                        \\"id\\": 45
+                      },
+                      {
+                        \\"type\\": 3,
+                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"id\\": 49
+                      },
+                      {
+                        \\"type\\": 2,
+                        \\"tagName\\": \\"label\\",
+                        \\"attributes\\": {
+                          \\"for\\": \\"textarea\\"
+                        },
+                        \\"childNodes\\": [
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n        \\",
+                            \\"id\\": 51
+                          },
                           {
                             \\"type\\": 2,
                             \\"tagName\\": \\"textarea\\",
@@ -1908,20 +1975,20 @@ exports[`record integration tests can record form interactions 1`] = `
                               \\"data-unmask-example\\": \\"true\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 42
+                            \\"id\\": 52
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 43
+                            \\"id\\": 53
                           }
                         ],
-                        \\"id\\": 40
+                        \\"id\\": 50
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 44
+                        \\"id\\": 54
                       },
                       {
                         \\"type\\": 2,
@@ -1933,7 +2000,7 @@ exports[`record integration tests can record form interactions 1`] = `
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 46
+                            \\"id\\": 56
                           },
                           {
                             \\"type\\": 2,
@@ -1941,70 +2008,70 @@ exports[`record integration tests can record form interactions 1`] = `
                             \\"attributes\\": {
                               \\"name\\": \\"\\",
                               \\"id\\": \\"\\",
-                              \\"value\\": \\"1\\"
+                              \\"value\\": \\"AA\\"
                             },
                             \\"childNodes\\": [
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n          \\",
-                                \\"id\\": 48
+                                \\"id\\": 58
                               },
                               {
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"option\\",
                                 \\"attributes\\": {
-                                  \\"value\\": \\"1\\",
+                                  \\"value\\": \\"AA\\",
                                   \\"selected\\": true
                                 },
                                 \\"childNodes\\": [
                                   {
                                     \\"type\\": 3,
-                                    \\"textContent\\": \\"1\\",
-                                    \\"id\\": 50
+                                    \\"textContent\\": \\"Option A\\",
+                                    \\"id\\": 60
                                   }
                                 ],
-                                \\"id\\": 49
+                                \\"id\\": 59
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n          \\",
-                                \\"id\\": 51
+                                \\"id\\": 61
                               },
                               {
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"option\\",
                                 \\"attributes\\": {
-                                  \\"value\\": \\"2\\"
+                                  \\"value\\": \\"BB\\"
                                 },
                                 \\"childNodes\\": [
                                   {
                                     \\"type\\": 3,
-                                    \\"textContent\\": \\"2\\",
-                                    \\"id\\": 53
+                                    \\"textContent\\": \\"Opt. B\\",
+                                    \\"id\\": 63
                                   }
                                 ],
-                                \\"id\\": 52
+                                \\"id\\": 62
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n        \\",
-                                \\"id\\": 54
+                                \\"id\\": 64
                               }
                             ],
-                            \\"id\\": 47
+                            \\"id\\": 57
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 55
+                            \\"id\\": 65
                           }
                         ],
-                        \\"id\\": 45
+                        \\"id\\": 55
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 56
+                        \\"id\\": 66
                       },
                       {
                         \\"type\\": 2,
@@ -2016,7 +2083,7 @@ exports[`record integration tests can record form interactions 1`] = `
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 58
+                            \\"id\\": 68
                           },
                           {
                             \\"type\\": 2,
@@ -2025,20 +2092,20 @@ exports[`record integration tests can record form interactions 1`] = `
                               \\"type\\": \\"password\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 59
+                            \\"id\\": 69
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 60
+                            \\"id\\": 70
                           }
                         ],
-                        \\"id\\": 57
+                        \\"id\\": 67
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 61
+                        \\"id\\": 71
                       }
                     ],
                     \\"id\\": 18
@@ -2046,7 +2113,7 @@ exports[`record integration tests can record form interactions 1`] = `
                   {
                     \\"type\\": 3,
                     \\"textContent\\": \\"\\\\n  \\\\n    \\",
-                    \\"id\\": 62
+                    \\"id\\": 72
                   },
                   {
                     \\"type\\": 2,
@@ -2056,15 +2123,15 @@ exports[`record integration tests can record form interactions 1`] = `
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\",
-                        \\"id\\": 64
+                        \\"id\\": 74
                       }
                     ],
-                    \\"id\\": 63
+                    \\"id\\": 73
                   },
                   {
                     \\"type\\": 3,
                     \\"textContent\\": \\"\\\\n    \\\\n    \\\\n\\\\n\\",
-                    \\"id\\": 65
+                    \\"id\\": 75
                   }
                 ],
                 \\"id\\": 16
@@ -2170,7 +2237,7 @@ exports[`record integration tests can record form interactions 1`] = `
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"on\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": true,
       \\"id\\": 27
     }
@@ -2179,17 +2246,26 @@ exports[`record integration tests can record form interactions 1`] = `
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"off\\",
+      \\"text\\": \\"radio-on\\",
       \\"isChecked\\": false,
       \\"id\\": 32
     }
   },
+  {
+    \\"type\\": 3,
+    \\"data\\": {
+      \\"source\\": 5,
+      \\"text\\": \\"radio-off\\",
+      \\"isChecked\\": false,
+      \\"id\\": 37
+    }
+  },
   {
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 1,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -2205,7 +2281,7 @@ exports[`record integration tests can record form interactions 1`] = `
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -2213,7 +2289,7 @@ exports[`record integration tests can record form interactions 1`] = `
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 0,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -2221,7 +2297,7 @@ exports[`record integration tests can record form interactions 1`] = `
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 2,
-      \\"id\\": 37,
+      \\"id\\": 42,
       \\"pointerType\\": 0
     }
   },
@@ -2229,9 +2305,9 @@ exports[`record integration tests can record form interactions 1`] = `
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"on\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": true,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -2239,7 +2315,7 @@ exports[`record integration tests can record form interactions 1`] = `
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 6,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -2247,7 +2323,7 @@ exports[`record integration tests can record form interactions 1`] = `
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2256,7 +2332,7 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"t\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2265,7 +2341,7 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"te\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2274,7 +2350,7 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"tex\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2283,7 +2359,7 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"text\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2292,7 +2368,7 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"texta\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2301,7 +2377,7 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textar\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2310,7 +2386,7 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textare\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2319,7 +2395,7 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textarea\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2328,7 +2404,7 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textarea \\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2337,7 +2413,7 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textarea t\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2346,7 +2422,7 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textarea te\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2355,7 +2431,7 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textarea tes\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -2364,16 +2440,16 @@ exports[`record integration tests can record form interactions 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textarea test\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"1\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": false,
-      \\"id\\": 47
+      \\"id\\": 57
     }
   }
 ]"
@@ -3578,8 +3654,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                             \\"tagName\\": \\"input\\",
                             \\"attributes\\": {
                               \\"type\\": \\"radio\\",
-                              \\"name\\": \\"toggle\\",
-                              \\"value\\": \\"on\\"
+                              \\"name\\": \\"toggle\\"
                             },
                             \\"childNodes\\": [],
                             \\"id\\": 27
@@ -3613,7 +3688,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                             \\"attributes\\": {
                               \\"type\\": \\"radio\\",
                               \\"name\\": \\"toggle\\",
-                              \\"value\\": \\"off\\",
+                              \\"value\\": \\"radio-on\\",
                               \\"checked\\": true
                             },
                             \\"childNodes\\": [],
@@ -3635,9 +3710,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                       {
                         \\"type\\": 2,
                         \\"tagName\\": \\"label\\",
-                        \\"attributes\\": {
-                          \\"for\\": \\"checkbox\\"
-                        },
+                        \\"attributes\\": {},
                         \\"childNodes\\": [
                           {
                             \\"type\\": 3,
@@ -3648,7 +3721,9 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                             \\"type\\": 2,
                             \\"tagName\\": \\"input\\",
                             \\"attributes\\": {
-                              \\"type\\": \\"checkbox\\"
+                              \\"type\\": \\"radio\\",
+                              \\"name\\": \\"toggle\\",
+                              \\"value\\": \\"radio-off\\"
                             },
                             \\"childNodes\\": [],
                             \\"id\\": 37
@@ -3670,7 +3745,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                         \\"type\\": 2,
                         \\"tagName\\": \\"label\\",
                         \\"attributes\\": {
-                          \\"for\\": \\"textarea\\"
+                          \\"for\\": \\"checkbox\\"
                         },
                         \\"childNodes\\": [
                           {
@@ -3678,6 +3753,74 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                             \\"textContent\\": \\"\\\\n        \\",
                             \\"id\\": 41
                           },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"input\\",
+                            \\"attributes\\": {
+                              \\"type\\": \\"checkbox\\"
+                            },
+                            \\"childNodes\\": [],
+                            \\"id\\": 42
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"id\\": 43
+                          }
+                        ],
+                        \\"id\\": 40
+                      },
+                      {
+                        \\"type\\": 3,
+                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"id\\": 44
+                      },
+                      {
+                        \\"type\\": 2,
+                        \\"tagName\\": \\"label\\",
+                        \\"attributes\\": {},
+                        \\"childNodes\\": [
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n        \\",
+                            \\"id\\": 46
+                          },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"input\\",
+                            \\"attributes\\": {
+                              \\"type\\": \\"checkbox\\",
+                              \\"value\\": \\"check-on\\",
+                              \\"checked\\": true
+                            },
+                            \\"childNodes\\": [],
+                            \\"id\\": 47
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"id\\": 48
+                          }
+                        ],
+                        \\"id\\": 45
+                      },
+                      {
+                        \\"type\\": 3,
+                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"id\\": 49
+                      },
+                      {
+                        \\"type\\": 2,
+                        \\"tagName\\": \\"label\\",
+                        \\"attributes\\": {
+                          \\"for\\": \\"textarea\\"
+                        },
+                        \\"childNodes\\": [
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n        \\",
+                            \\"id\\": 51
+                          },
                           {
                             \\"type\\": 2,
                             \\"tagName\\": \\"textarea\\",
@@ -3689,20 +3832,20 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                               \\"data-unmask-example\\": \\"true\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 42
+                            \\"id\\": 52
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 43
+                            \\"id\\": 53
                           }
                         ],
-                        \\"id\\": 40
+                        \\"id\\": 50
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 44
+                        \\"id\\": 54
                       },
                       {
                         \\"type\\": 2,
@@ -3714,7 +3857,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 46
+                            \\"id\\": 56
                           },
                           {
                             \\"type\\": 2,
@@ -3722,70 +3865,70 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                             \\"attributes\\": {
                               \\"name\\": \\"\\",
                               \\"id\\": \\"\\",
-                              \\"value\\": \\"1\\"
+                              \\"value\\": \\"AA\\"
                             },
                             \\"childNodes\\": [
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n          \\",
-                                \\"id\\": 48
+                                \\"id\\": 58
                               },
                               {
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"option\\",
                                 \\"attributes\\": {
-                                  \\"value\\": \\"1\\",
+                                  \\"value\\": \\"AA\\",
                                   \\"selected\\": true
                                 },
                                 \\"childNodes\\": [
                                   {
                                     \\"type\\": 3,
-                                    \\"textContent\\": \\"1\\",
-                                    \\"id\\": 50
+                                    \\"textContent\\": \\"Option A\\",
+                                    \\"id\\": 60
                                   }
                                 ],
-                                \\"id\\": 49
+                                \\"id\\": 59
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n          \\",
-                                \\"id\\": 51
+                                \\"id\\": 61
                               },
                               {
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"option\\",
                                 \\"attributes\\": {
-                                  \\"value\\": \\"2\\"
+                                  \\"value\\": \\"BB\\"
                                 },
                                 \\"childNodes\\": [
                                   {
                                     \\"type\\": 3,
-                                    \\"textContent\\": \\"2\\",
-                                    \\"id\\": 53
+                                    \\"textContent\\": \\"Opt. B\\",
+                                    \\"id\\": 63
                                   }
                                 ],
-                                \\"id\\": 52
+                                \\"id\\": 62
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n        \\",
-                                \\"id\\": 54
+                                \\"id\\": 64
                               }
                             ],
-                            \\"id\\": 47
+                            \\"id\\": 57
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 55
+                            \\"id\\": 65
                           }
                         ],
-                        \\"id\\": 45
+                        \\"id\\": 55
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 56
+                        \\"id\\": 66
                       },
                       {
                         \\"type\\": 2,
@@ -3797,7 +3940,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 58
+                            \\"id\\": 68
                           },
                           {
                             \\"type\\": 2,
@@ -3806,20 +3949,20 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                               \\"type\\": \\"password\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 59
+                            \\"id\\": 69
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 60
+                            \\"id\\": 70
                           }
                         ],
-                        \\"id\\": 57
+                        \\"id\\": 67
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 61
+                        \\"id\\": 71
                       }
                     ],
                     \\"id\\": 18
@@ -3827,7 +3970,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                   {
                     \\"type\\": 3,
                     \\"textContent\\": \\"\\\\n  \\\\n    \\",
-                    \\"id\\": 62
+                    \\"id\\": 72
                   },
                   {
                     \\"type\\": 2,
@@ -3837,15 +3980,15 @@ exports[`record integration tests can use maskInputOptions to configure which ty
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\",
-                        \\"id\\": 64
+                        \\"id\\": 74
                       }
                     ],
-                    \\"id\\": 63
+                    \\"id\\": 73
                   },
                   {
                     \\"type\\": 3,
                     \\"textContent\\": \\"\\\\n    \\\\n    \\\\n\\\\n\\",
-                    \\"id\\": 65
+                    \\"id\\": 75
                   }
                 ],
                 \\"id\\": 16
@@ -3951,7 +4094,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"on\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": true,
       \\"id\\": 27
     }
@@ -3960,17 +4103,26 @@ exports[`record integration tests can use maskInputOptions to configure which ty
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"off\\",
+      \\"text\\": \\"radio-on\\",
       \\"isChecked\\": false,
       \\"id\\": 32
     }
   },
+  {
+    \\"type\\": 3,
+    \\"data\\": {
+      \\"source\\": 5,
+      \\"text\\": \\"radio-off\\",
+      \\"isChecked\\": false,
+      \\"id\\": 37
+    }
+  },
   {
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 1,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -3986,7 +4138,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -3994,7 +4146,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 0,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -4002,7 +4154,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 2,
-      \\"id\\": 37,
+      \\"id\\": 42,
       \\"pointerType\\": 0
     }
   },
@@ -4010,9 +4162,9 @@ exports[`record integration tests can use maskInputOptions to configure which ty
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"on\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": true,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -4020,7 +4172,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 6,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -4028,7 +4180,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4037,7 +4189,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"t\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4046,7 +4198,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"te\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4055,7 +4207,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"tex\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4064,7 +4216,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"text\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4073,7 +4225,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"texta\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4082,7 +4234,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"textar\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4091,7 +4243,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"textare\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4100,7 +4252,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"textarea\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4109,7 +4261,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"textarea \\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4118,7 +4270,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"textarea t\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4127,7 +4279,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"textarea te\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4136,7 +4288,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"textarea tes\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4145,7 +4297,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"textarea test\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4153,7 +4305,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 6,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -4161,7 +4313,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -4170,7 +4322,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"*\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -4179,7 +4331,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"**\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -4188,7 +4340,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"***\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -4197,7 +4349,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"****\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -4206,7 +4358,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"*****\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -4215,7 +4367,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"******\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -4224,7 +4376,7 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"*******\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -4233,16 +4385,16 @@ exports[`record integration tests can use maskInputOptions to configure which ty
       \\"source\\": 5,
       \\"text\\": \\"********\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"1\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": false,
-      \\"id\\": 47
+      \\"id\\": 57
     }
   }
 ]"
@@ -5579,8 +5731,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                             \\"tagName\\": \\"input\\",
                             \\"attributes\\": {
                               \\"type\\": \\"radio\\",
-                              \\"name\\": \\"toggle\\",
-                              \\"value\\": \\"on\\"
+                              \\"name\\": \\"toggle\\"
                             },
                             \\"childNodes\\": [],
                             \\"id\\": 27
@@ -5614,7 +5765,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                             \\"attributes\\": {
                               \\"type\\": \\"radio\\",
                               \\"name\\": \\"toggle\\",
-                              \\"value\\": \\"off\\",
+                              \\"value\\": \\"********\\",
                               \\"checked\\": true
                             },
                             \\"childNodes\\": [],
@@ -5636,9 +5787,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                       {
                         \\"type\\": 2,
                         \\"tagName\\": \\"label\\",
-                        \\"attributes\\": {
-                          \\"for\\": \\"checkbox\\"
-                        },
+                        \\"attributes\\": {},
                         \\"childNodes\\": [
                           {
                             \\"type\\": 3,
@@ -5649,7 +5798,9 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                             \\"type\\": 2,
                             \\"tagName\\": \\"input\\",
                             \\"attributes\\": {
-                              \\"type\\": \\"checkbox\\"
+                              \\"type\\": \\"radio\\",
+                              \\"name\\": \\"toggle\\",
+                              \\"value\\": \\"*********\\"
                             },
                             \\"childNodes\\": [],
                             \\"id\\": 37
@@ -5671,7 +5822,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                         \\"type\\": 2,
                         \\"tagName\\": \\"label\\",
                         \\"attributes\\": {
-                          \\"for\\": \\"textarea\\"
+                          \\"for\\": \\"checkbox\\"
                         },
                         \\"childNodes\\": [
                           {
@@ -5679,6 +5830,74 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                             \\"textContent\\": \\"\\\\n        \\",
                             \\"id\\": 41
                           },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"input\\",
+                            \\"attributes\\": {
+                              \\"type\\": \\"checkbox\\"
+                            },
+                            \\"childNodes\\": [],
+                            \\"id\\": 42
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"id\\": 43
+                          }
+                        ],
+                        \\"id\\": 40
+                      },
+                      {
+                        \\"type\\": 3,
+                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"id\\": 44
+                      },
+                      {
+                        \\"type\\": 2,
+                        \\"tagName\\": \\"label\\",
+                        \\"attributes\\": {},
+                        \\"childNodes\\": [
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n        \\",
+                            \\"id\\": 46
+                          },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"input\\",
+                            \\"attributes\\": {
+                              \\"type\\": \\"checkbox\\",
+                              \\"value\\": \\"********\\",
+                              \\"checked\\": true
+                            },
+                            \\"childNodes\\": [],
+                            \\"id\\": 47
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"id\\": 48
+                          }
+                        ],
+                        \\"id\\": 45
+                      },
+                      {
+                        \\"type\\": 3,
+                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"id\\": 49
+                      },
+                      {
+                        \\"type\\": 2,
+                        \\"tagName\\": \\"label\\",
+                        \\"attributes\\": {
+                          \\"for\\": \\"textarea\\"
+                        },
+                        \\"childNodes\\": [
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n        \\",
+                            \\"id\\": 51
+                          },
                           {
                             \\"type\\": 2,
                             \\"tagName\\": \\"textarea\\",
@@ -5690,20 +5909,20 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                               \\"data-unmask-example\\": \\"true\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 42
+                            \\"id\\": 52
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 43
+                            \\"id\\": 53
                           }
                         ],
-                        \\"id\\": 40
+                        \\"id\\": 50
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 44
+                        \\"id\\": 54
                       },
                       {
                         \\"type\\": 2,
@@ -5715,7 +5934,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 46
+                            \\"id\\": 56
                           },
                           {
                             \\"type\\": 2,
@@ -5723,69 +5942,69 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                             \\"attributes\\": {
                               \\"name\\": \\"\\",
                               \\"id\\": \\"\\",
-                              \\"value\\": \\"*\\"
+                              \\"value\\": \\"**\\"
                             },
                             \\"childNodes\\": [
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n          \\",
-                                \\"id\\": 48
+                                \\"id\\": 58
                               },
                               {
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"option\\",
                                 \\"attributes\\": {
-                                  \\"value\\": \\"1\\"
+                                  \\"value\\": \\"**\\"
                                 },
                                 \\"childNodes\\": [
                                   {
                                     \\"type\\": 3,
-                                    \\"textContent\\": \\"1\\",
-                                    \\"id\\": 50
+                                    \\"textContent\\": \\"********\\",
+                                    \\"id\\": 60
                                   }
                                 ],
-                                \\"id\\": 49
+                                \\"id\\": 59
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n          \\",
-                                \\"id\\": 51
+                                \\"id\\": 61
                               },
                               {
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"option\\",
                                 \\"attributes\\": {
-                                  \\"value\\": \\"2\\"
+                                  \\"value\\": \\"**\\"
                                 },
                                 \\"childNodes\\": [
                                   {
                                     \\"type\\": 3,
-                                    \\"textContent\\": \\"2\\",
-                                    \\"id\\": 53
+                                    \\"textContent\\": \\"******\\",
+                                    \\"id\\": 63
                                   }
                                 ],
-                                \\"id\\": 52
+                                \\"id\\": 62
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n        \\",
-                                \\"id\\": 54
+                                \\"id\\": 64
                               }
                             ],
-                            \\"id\\": 47
+                            \\"id\\": 57
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 55
+                            \\"id\\": 65
                           }
                         ],
-                        \\"id\\": 45
+                        \\"id\\": 55
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 56
+                        \\"id\\": 66
                       },
                       {
                         \\"type\\": 2,
@@ -5797,7 +6016,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 58
+                            \\"id\\": 68
                           },
                           {
                             \\"type\\": 2,
@@ -5806,20 +6025,20 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                               \\"type\\": \\"password\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 59
+                            \\"id\\": 69
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 60
+                            \\"id\\": 70
                           }
                         ],
-                        \\"id\\": 57
+                        \\"id\\": 67
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 61
+                        \\"id\\": 71
                       }
                     ],
                     \\"id\\": 18
@@ -5827,7 +6046,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                   {
                     \\"type\\": 3,
                     \\"textContent\\": \\"\\\\n  \\\\n    \\",
-                    \\"id\\": 62
+                    \\"id\\": 72
                   },
                   {
                     \\"type\\": 2,
@@ -5837,15 +6056,15 @@ exports[`record integration tests should mask inputs via function call 1`] = `
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\",
-                        \\"id\\": 64
+                        \\"id\\": 74
                       }
                     ],
-                    \\"id\\": 63
+                    \\"id\\": 73
                   },
                   {
                     \\"type\\": 3,
                     \\"textContent\\": \\"\\\\n    \\\\n    \\\\n\\\\n\\",
-                    \\"id\\": 65
+                    \\"id\\": 75
                   }
                 ],
                 \\"id\\": 16
@@ -5951,7 +6170,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"on\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": true,
       \\"id\\": 27
     }
@@ -5960,17 +6179,26 @@ exports[`record integration tests should mask inputs via function call 1`] = `
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"off\\",
+      \\"text\\": \\"********\\",
       \\"isChecked\\": false,
       \\"id\\": 32
     }
   },
+  {
+    \\"type\\": 3,
+    \\"data\\": {
+      \\"source\\": 5,
+      \\"text\\": \\"*********\\",
+      \\"isChecked\\": false,
+      \\"id\\": 37
+    }
+  },
   {
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 1,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -5986,7 +6214,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -5994,7 +6222,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 0,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -6002,7 +6230,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 2,
-      \\"id\\": 37,
+      \\"id\\": 42,
       \\"pointerType\\": 0
     }
   },
@@ -6010,9 +6238,9 @@ exports[`record integration tests should mask inputs via function call 1`] = `
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"on\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": true,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -6020,7 +6248,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 6,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -6028,7 +6256,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -6037,7 +6265,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"*\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -6046,7 +6274,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"**\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -6055,7 +6283,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"***\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -6064,7 +6292,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"****\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -6073,7 +6301,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"*****\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -6082,7 +6310,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"******\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -6091,7 +6319,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"*******\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -6100,7 +6328,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"********\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -6108,7 +6336,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 6,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -6116,7 +6344,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6125,7 +6353,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"t\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6134,7 +6362,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"te\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6143,7 +6371,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"tex\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6152,7 +6380,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"text\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6161,7 +6389,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"texta\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6170,7 +6398,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textar\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6179,7 +6407,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textare\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6188,7 +6416,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textarea\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6197,7 +6425,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textarea \\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6206,7 +6434,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textarea t\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6215,7 +6443,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textarea te\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6224,7 +6452,7 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textarea tes\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -6233,16 +6461,16 @@ exports[`record integration tests should mask inputs via function call 1`] = `
       \\"source\\": 5,
       \\"text\\": \\"textarea test\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"*\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": false,
-      \\"id\\": 47
+      \\"id\\": 57
     }
   }
 ]"
@@ -8841,6 +9069,15 @@ exports[`record integration tests should not record input values if dynamically
       \\"id\\": 21
     }
   },
+  {
+    \\"type\\": 3,
+    \\"data\\": {
+      \\"source\\": 3,
+      \\"id\\": 21,
+      \\"x\\": 24,
+      \\"y\\": 0
+    }
+  },
   {
     \\"type\\": 3,
     \\"data\\": {
@@ -9010,20 +9247,88 @@ exports[`record integration tests should not record input values if maskAllInput
                               \\"type\\": \\"text\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 22
+                            \\"id\\": 22
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"id\\": 23
+                          }
+                        ],
+                        \\"id\\": 20
+                      },
+                      {
+                        \\"type\\": 3,
+                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"id\\": 24
+                      },
+                      {
+                        \\"type\\": 2,
+                        \\"tagName\\": \\"label\\",
+                        \\"attributes\\": {},
+                        \\"childNodes\\": [
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n        \\",
+                            \\"id\\": 26
+                          },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"input\\",
+                            \\"attributes\\": {
+                              \\"type\\": \\"radio\\",
+                              \\"name\\": \\"toggle\\"
+                            },
+                            \\"childNodes\\": [],
+                            \\"id\\": 27
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"id\\": 28
+                          }
+                        ],
+                        \\"id\\": 25
+                      },
+                      {
+                        \\"type\\": 3,
+                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"id\\": 29
+                      },
+                      {
+                        \\"type\\": 2,
+                        \\"tagName\\": \\"label\\",
+                        \\"attributes\\": {},
+                        \\"childNodes\\": [
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n        \\",
+                            \\"id\\": 31
+                          },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"input\\",
+                            \\"attributes\\": {
+                              \\"type\\": \\"radio\\",
+                              \\"name\\": \\"toggle\\",
+                              \\"value\\": \\"********\\",
+                              \\"checked\\": true
+                            },
+                            \\"childNodes\\": [],
+                            \\"id\\": 32
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 23
+                            \\"id\\": 33
                           }
                         ],
-                        \\"id\\": 20
+                        \\"id\\": 30
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 24
+                        \\"id\\": 34
                       },
                       {
                         \\"type\\": 2,
@@ -9033,7 +9338,7 @@ exports[`record integration tests should not record input values if maskAllInput
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 26
+                            \\"id\\": 36
                           },
                           {
                             \\"type\\": 2,
@@ -9041,92 +9346,91 @@ exports[`record integration tests should not record input values if maskAllInput
                             \\"attributes\\": {
                               \\"type\\": \\"radio\\",
                               \\"name\\": \\"toggle\\",
-                              \\"value\\": \\"on\\"
+                              \\"value\\": \\"*********\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 27
+                            \\"id\\": 37
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 28
+                            \\"id\\": 38
                           }
                         ],
-                        \\"id\\": 25
+                        \\"id\\": 35
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 29
+                        \\"id\\": 39
                       },
                       {
                         \\"type\\": 2,
                         \\"tagName\\": \\"label\\",
-                        \\"attributes\\": {},
+                        \\"attributes\\": {
+                          \\"for\\": \\"checkbox\\"
+                        },
                         \\"childNodes\\": [
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 31
+                            \\"id\\": 41
                           },
                           {
                             \\"type\\": 2,
                             \\"tagName\\": \\"input\\",
                             \\"attributes\\": {
-                              \\"type\\": \\"radio\\",
-                              \\"name\\": \\"toggle\\",
-                              \\"value\\": \\"off\\",
-                              \\"checked\\": true
+                              \\"type\\": \\"checkbox\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 32
+                            \\"id\\": 42
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 33
+                            \\"id\\": 43
                           }
                         ],
-                        \\"id\\": 30
+                        \\"id\\": 40
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 34
+                        \\"id\\": 44
                       },
                       {
                         \\"type\\": 2,
                         \\"tagName\\": \\"label\\",
-                        \\"attributes\\": {
-                          \\"for\\": \\"checkbox\\"
-                        },
+                        \\"attributes\\": {},
                         \\"childNodes\\": [
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 36
+                            \\"id\\": 46
                           },
                           {
                             \\"type\\": 2,
                             \\"tagName\\": \\"input\\",
                             \\"attributes\\": {
-                              \\"type\\": \\"checkbox\\"
+                              \\"type\\": \\"checkbox\\",
+                              \\"value\\": \\"********\\",
+                              \\"checked\\": true
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 37
+                            \\"id\\": 47
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 38
+                            \\"id\\": 48
                           }
                         ],
-                        \\"id\\": 35
+                        \\"id\\": 45
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 39
+                        \\"id\\": 49
                       },
                       {
                         \\"type\\": 2,
@@ -9138,7 +9442,7 @@ exports[`record integration tests should not record input values if maskAllInput
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 41
+                            \\"id\\": 51
                           },
                           {
                             \\"type\\": 2,
@@ -9151,20 +9455,20 @@ exports[`record integration tests should not record input values if maskAllInput
                               \\"data-unmask-example\\": \\"true\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 42
+                            \\"id\\": 52
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 43
+                            \\"id\\": 53
                           }
                         ],
-                        \\"id\\": 40
+                        \\"id\\": 50
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 44
+                        \\"id\\": 54
                       },
                       {
                         \\"type\\": 2,
@@ -9176,7 +9480,7 @@ exports[`record integration tests should not record input values if maskAllInput
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 46
+                            \\"id\\": 56
                           },
                           {
                             \\"type\\": 2,
@@ -9184,69 +9488,69 @@ exports[`record integration tests should not record input values if maskAllInput
                             \\"attributes\\": {
                               \\"name\\": \\"\\",
                               \\"id\\": \\"\\",
-                              \\"value\\": \\"*\\"
+                              \\"value\\": \\"**\\"
                             },
                             \\"childNodes\\": [
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n          \\",
-                                \\"id\\": 48
+                                \\"id\\": 58
                               },
                               {
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"option\\",
                                 \\"attributes\\": {
-                                  \\"value\\": \\"1\\"
+                                  \\"value\\": \\"**\\"
                                 },
                                 \\"childNodes\\": [
                                   {
                                     \\"type\\": 3,
-                                    \\"textContent\\": \\"1\\",
-                                    \\"id\\": 50
+                                    \\"textContent\\": \\"********\\",
+                                    \\"id\\": 60
                                   }
                                 ],
-                                \\"id\\": 49
+                                \\"id\\": 59
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n          \\",
-                                \\"id\\": 51
+                                \\"id\\": 61
                               },
                               {
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"option\\",
                                 \\"attributes\\": {
-                                  \\"value\\": \\"2\\"
+                                  \\"value\\": \\"**\\"
                                 },
                                 \\"childNodes\\": [
                                   {
                                     \\"type\\": 3,
-                                    \\"textContent\\": \\"2\\",
-                                    \\"id\\": 53
+                                    \\"textContent\\": \\"******\\",
+                                    \\"id\\": 63
                                   }
                                 ],
-                                \\"id\\": 52
+                                \\"id\\": 62
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n        \\",
-                                \\"id\\": 54
+                                \\"id\\": 64
                               }
                             ],
-                            \\"id\\": 47
+                            \\"id\\": 57
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 55
+                            \\"id\\": 65
                           }
                         ],
-                        \\"id\\": 45
+                        \\"id\\": 55
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 56
+                        \\"id\\": 66
                       },
                       {
                         \\"type\\": 2,
@@ -9258,7 +9562,7 @@ exports[`record integration tests should not record input values if maskAllInput
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 58
+                            \\"id\\": 68
                           },
                           {
                             \\"type\\": 2,
@@ -9267,20 +9571,20 @@ exports[`record integration tests should not record input values if maskAllInput
                               \\"type\\": \\"password\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 59
+                            \\"id\\": 69
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 60
+                            \\"id\\": 70
                           }
                         ],
-                        \\"id\\": 57
+                        \\"id\\": 67
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 61
+                        \\"id\\": 71
                       }
                     ],
                     \\"id\\": 18
@@ -9288,7 +9592,7 @@ exports[`record integration tests should not record input values if maskAllInput
                   {
                     \\"type\\": 3,
                     \\"textContent\\": \\"\\\\n  \\\\n    \\",
-                    \\"id\\": 62
+                    \\"id\\": 72
                   },
                   {
                     \\"type\\": 2,
@@ -9298,15 +9602,15 @@ exports[`record integration tests should not record input values if maskAllInput
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\",
-                        \\"id\\": 64
+                        \\"id\\": 74
                       }
                     ],
-                    \\"id\\": 63
+                    \\"id\\": 73
                   },
                   {
                     \\"type\\": 3,
                     \\"textContent\\": \\"\\\\n    \\\\n    \\\\n\\\\n\\",
-                    \\"id\\": 65
+                    \\"id\\": 75
                   }
                 ],
                 \\"id\\": 16
@@ -9412,7 +9716,7 @@ exports[`record integration tests should not record input values if maskAllInput
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"on\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": true,
       \\"id\\": 27
     }
@@ -9421,17 +9725,26 @@ exports[`record integration tests should not record input values if maskAllInput
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"off\\",
+      \\"text\\": \\"********\\",
       \\"isChecked\\": false,
       \\"id\\": 32
     }
   },
+  {
+    \\"type\\": 3,
+    \\"data\\": {
+      \\"source\\": 5,
+      \\"text\\": \\"*********\\",
+      \\"isChecked\\": false,
+      \\"id\\": 37
+    }
+  },
   {
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 1,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -9447,7 +9760,7 @@ exports[`record integration tests should not record input values if maskAllInput
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -9455,7 +9768,7 @@ exports[`record integration tests should not record input values if maskAllInput
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 0,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -9463,7 +9776,7 @@ exports[`record integration tests should not record input values if maskAllInput
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 2,
-      \\"id\\": 37,
+      \\"id\\": 42,
       \\"pointerType\\": 0
     }
   },
@@ -9471,9 +9784,9 @@ exports[`record integration tests should not record input values if maskAllInput
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"on\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": true,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -9481,7 +9794,7 @@ exports[`record integration tests should not record input values if maskAllInput
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 6,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -9489,7 +9802,7 @@ exports[`record integration tests should not record input values if maskAllInput
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -9498,7 +9811,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"*\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -9507,7 +9820,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"**\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -9516,7 +9829,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"***\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -9525,7 +9838,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"****\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -9534,7 +9847,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"*****\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -9543,7 +9856,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"******\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -9552,7 +9865,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"*******\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -9561,7 +9874,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"********\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -9569,7 +9882,7 @@ exports[`record integration tests should not record input values if maskAllInput
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 6,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -9577,7 +9890,7 @@ exports[`record integration tests should not record input values if maskAllInput
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9586,7 +9899,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"*\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9595,7 +9908,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"**\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9604,7 +9917,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"***\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9613,7 +9926,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"****\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9622,7 +9935,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"*****\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9631,7 +9944,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"******\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9640,7 +9953,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"*******\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9649,7 +9962,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"********\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9658,7 +9971,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"*********\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9667,7 +9980,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"**********\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9676,7 +9989,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"***********\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9685,7 +9998,7 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"************\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -9694,16 +10007,16 @@ exports[`record integration tests should not record input values if maskAllInput
       \\"source\\": 5,
       \\"text\\": \\"*************\\",
       \\"isChecked\\": false,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"*\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": false,
-      \\"id\\": 47
+      \\"id\\": 57
     }
   }
 ]"
@@ -12748,8 +13061,7 @@ exports[`record integration tests should record input userTriggered values if us
                             \\"tagName\\": \\"input\\",
                             \\"attributes\\": {
                               \\"type\\": \\"radio\\",
-                              \\"name\\": \\"toggle\\",
-                              \\"value\\": \\"on\\"
+                              \\"name\\": \\"toggle\\"
                             },
                             \\"childNodes\\": [],
                             \\"id\\": 27
@@ -12783,7 +13095,7 @@ exports[`record integration tests should record input userTriggered values if us
                             \\"attributes\\": {
                               \\"type\\": \\"radio\\",
                               \\"name\\": \\"toggle\\",
-                              \\"value\\": \\"off\\",
+                              \\"value\\": \\"radio-on\\",
                               \\"checked\\": true
                             },
                             \\"childNodes\\": [],
@@ -12805,9 +13117,7 @@ exports[`record integration tests should record input userTriggered values if us
                       {
                         \\"type\\": 2,
                         \\"tagName\\": \\"label\\",
-                        \\"attributes\\": {
-                          \\"for\\": \\"checkbox\\"
-                        },
+                        \\"attributes\\": {},
                         \\"childNodes\\": [
                           {
                             \\"type\\": 3,
@@ -12818,7 +13128,9 @@ exports[`record integration tests should record input userTriggered values if us
                             \\"type\\": 2,
                             \\"tagName\\": \\"input\\",
                             \\"attributes\\": {
-                              \\"type\\": \\"checkbox\\"
+                              \\"type\\": \\"radio\\",
+                              \\"name\\": \\"toggle\\",
+                              \\"value\\": \\"radio-off\\"
                             },
                             \\"childNodes\\": [],
                             \\"id\\": 37
@@ -12840,7 +13152,7 @@ exports[`record integration tests should record input userTriggered values if us
                         \\"type\\": 2,
                         \\"tagName\\": \\"label\\",
                         \\"attributes\\": {
-                          \\"for\\": \\"textarea\\"
+                          \\"for\\": \\"checkbox\\"
                         },
                         \\"childNodes\\": [
                           {
@@ -12848,6 +13160,74 @@ exports[`record integration tests should record input userTriggered values if us
                             \\"textContent\\": \\"\\\\n        \\",
                             \\"id\\": 41
                           },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"input\\",
+                            \\"attributes\\": {
+                              \\"type\\": \\"checkbox\\"
+                            },
+                            \\"childNodes\\": [],
+                            \\"id\\": 42
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"id\\": 43
+                          }
+                        ],
+                        \\"id\\": 40
+                      },
+                      {
+                        \\"type\\": 3,
+                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"id\\": 44
+                      },
+                      {
+                        \\"type\\": 2,
+                        \\"tagName\\": \\"label\\",
+                        \\"attributes\\": {},
+                        \\"childNodes\\": [
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n        \\",
+                            \\"id\\": 46
+                          },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"input\\",
+                            \\"attributes\\": {
+                              \\"type\\": \\"checkbox\\",
+                              \\"value\\": \\"check-on\\",
+                              \\"checked\\": true
+                            },
+                            \\"childNodes\\": [],
+                            \\"id\\": 47
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"id\\": 48
+                          }
+                        ],
+                        \\"id\\": 45
+                      },
+                      {
+                        \\"type\\": 3,
+                        \\"textContent\\": \\"\\\\n      \\",
+                        \\"id\\": 49
+                      },
+                      {
+                        \\"type\\": 2,
+                        \\"tagName\\": \\"label\\",
+                        \\"attributes\\": {
+                          \\"for\\": \\"textarea\\"
+                        },
+                        \\"childNodes\\": [
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n        \\",
+                            \\"id\\": 51
+                          },
                           {
                             \\"type\\": 2,
                             \\"tagName\\": \\"textarea\\",
@@ -12859,20 +13239,20 @@ exports[`record integration tests should record input userTriggered values if us
                               \\"data-unmask-example\\": \\"true\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 42
+                            \\"id\\": 52
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 43
+                            \\"id\\": 53
                           }
                         ],
-                        \\"id\\": 40
+                        \\"id\\": 50
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 44
+                        \\"id\\": 54
                       },
                       {
                         \\"type\\": 2,
@@ -12884,7 +13264,7 @@ exports[`record integration tests should record input userTriggered values if us
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 46
+                            \\"id\\": 56
                           },
                           {
                             \\"type\\": 2,
@@ -12892,70 +13272,70 @@ exports[`record integration tests should record input userTriggered values if us
                             \\"attributes\\": {
                               \\"name\\": \\"\\",
                               \\"id\\": \\"\\",
-                              \\"value\\": \\"1\\"
+                              \\"value\\": \\"AA\\"
                             },
                             \\"childNodes\\": [
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n          \\",
-                                \\"id\\": 48
+                                \\"id\\": 58
                               },
                               {
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"option\\",
                                 \\"attributes\\": {
-                                  \\"value\\": \\"1\\",
+                                  \\"value\\": \\"AA\\",
                                   \\"selected\\": true
                                 },
                                 \\"childNodes\\": [
                                   {
                                     \\"type\\": 3,
-                                    \\"textContent\\": \\"1\\",
-                                    \\"id\\": 50
+                                    \\"textContent\\": \\"Option A\\",
+                                    \\"id\\": 60
                                   }
                                 ],
-                                \\"id\\": 49
+                                \\"id\\": 59
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n          \\",
-                                \\"id\\": 51
+                                \\"id\\": 61
                               },
                               {
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"option\\",
                                 \\"attributes\\": {
-                                  \\"value\\": \\"2\\"
+                                  \\"value\\": \\"BB\\"
                                 },
                                 \\"childNodes\\": [
                                   {
                                     \\"type\\": 3,
-                                    \\"textContent\\": \\"2\\",
-                                    \\"id\\": 53
+                                    \\"textContent\\": \\"Opt. B\\",
+                                    \\"id\\": 63
                                   }
                                 ],
-                                \\"id\\": 52
+                                \\"id\\": 62
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n        \\",
-                                \\"id\\": 54
+                                \\"id\\": 64
                               }
                             ],
-                            \\"id\\": 47
+                            \\"id\\": 57
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 55
+                            \\"id\\": 65
                           }
                         ],
-                        \\"id\\": 45
+                        \\"id\\": 55
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n      \\",
-                        \\"id\\": 56
+                        \\"id\\": 66
                       },
                       {
                         \\"type\\": 2,
@@ -12967,7 +13347,7 @@ exports[`record integration tests should record input userTriggered values if us
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n        \\",
-                            \\"id\\": 58
+                            \\"id\\": 68
                           },
                           {
                             \\"type\\": 2,
@@ -12976,20 +13356,20 @@ exports[`record integration tests should record input userTriggered values if us
                               \\"type\\": \\"password\\"
                             },
                             \\"childNodes\\": [],
-                            \\"id\\": 59
+                            \\"id\\": 69
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
-                            \\"id\\": 60
+                            \\"id\\": 70
                           }
                         ],
-                        \\"id\\": 57
+                        \\"id\\": 67
                       },
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n    \\",
-                        \\"id\\": 61
+                        \\"id\\": 71
                       }
                     ],
                     \\"id\\": 18
@@ -12997,7 +13377,7 @@ exports[`record integration tests should record input userTriggered values if us
                   {
                     \\"type\\": 3,
                     \\"textContent\\": \\"\\\\n  \\\\n    \\",
-                    \\"id\\": 62
+                    \\"id\\": 72
                   },
                   {
                     \\"type\\": 2,
@@ -13007,15 +13387,15 @@ exports[`record integration tests should record input userTriggered values if us
                       {
                         \\"type\\": 3,
                         \\"textContent\\": \\"SCRIPT_PLACEHOLDER\\",
-                        \\"id\\": 64
+                        \\"id\\": 74
                       }
                     ],
-                    \\"id\\": 63
+                    \\"id\\": 73
                   },
                   {
                     \\"type\\": 3,
                     \\"textContent\\": \\"\\\\n    \\\\n    \\\\n\\\\n\\",
-                    \\"id\\": 65
+                    \\"id\\": 75
                   }
                 ],
                 \\"id\\": 16
@@ -13125,7 +13505,7 @@ exports[`record integration tests should record input userTriggered values if us
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"on\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": true,
       \\"userTriggered\\": true,
       \\"id\\": 27
@@ -13135,18 +13515,28 @@ exports[`record integration tests should record input userTriggered values if us
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"off\\",
+      \\"text\\": \\"radio-on\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": false,
       \\"id\\": 32
     }
   },
+  {
+    \\"type\\": 3,
+    \\"data\\": {
+      \\"source\\": 5,
+      \\"text\\": \\"radio-off\\",
+      \\"isChecked\\": false,
+      \\"userTriggered\\": false,
+      \\"id\\": 37
+    }
+  },
   {
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 1,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -13162,7 +13552,7 @@ exports[`record integration tests should record input userTriggered values if us
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -13170,7 +13560,7 @@ exports[`record integration tests should record input userTriggered values if us
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 0,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -13178,7 +13568,7 @@ exports[`record integration tests should record input userTriggered values if us
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 2,
-      \\"id\\": 37,
+      \\"id\\": 42,
       \\"pointerType\\": 0
     }
   },
@@ -13186,10 +13576,10 @@ exports[`record integration tests should record input userTriggered values if us
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"on\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": true,
       \\"userTriggered\\": true,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -13197,7 +13587,7 @@ exports[`record integration tests should record input userTriggered values if us
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 6,
-      \\"id\\": 37
+      \\"id\\": 42
     }
   },
   {
@@ -13205,7 +13595,7 @@ exports[`record integration tests should record input userTriggered values if us
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -13215,7 +13605,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"*\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -13225,7 +13615,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"**\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -13235,7 +13625,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"***\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -13245,7 +13635,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"****\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -13255,7 +13645,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"*****\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -13265,7 +13655,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"******\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -13275,7 +13665,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"*******\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -13285,7 +13675,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"********\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -13293,7 +13683,7 @@ exports[`record integration tests should record input userTriggered values if us
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 6,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   },
   {
@@ -13301,7 +13691,7 @@ exports[`record integration tests should record input userTriggered values if us
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13311,7 +13701,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"t\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13321,7 +13711,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"te\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13331,7 +13721,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"tex\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13341,7 +13731,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"text\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13351,7 +13741,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"texta\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13361,7 +13751,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"textar\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13371,7 +13761,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"textare\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13381,7 +13771,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"textarea\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13391,7 +13781,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"textarea \\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13401,7 +13791,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"textarea t\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13411,7 +13801,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"textarea te\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13421,7 +13811,7 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"textarea tes\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
@@ -13431,17 +13821,17 @@ exports[`record integration tests should record input userTriggered values if us
       \\"text\\": \\"textarea test\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": true,
-      \\"id\\": 42
+      \\"id\\": 52
     }
   },
   {
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"1\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": false,
       \\"userTriggered\\": false,
-      \\"id\\": 47
+      \\"id\\": 57
     }
   }
 ]"
diff --git a/packages/rrweb/test/html/form.html b/packages/rrweb/test/html/form.html
index 9125e983fa..6dd16e745a 100644
--- a/packages/rrweb/test/html/form.html
+++ b/packages/rrweb/test/html/form.html
@@ -13,21 +13,27 @@
         <input type="text" />
       </label>
       <label>
-        <input type="radio" name="toggle" value="on" />
+        <input type="radio" name="toggle" />
       </label>
       <label>
-        <input type="radio" name="toggle" value="off" checked />
+        <input type="radio" name="toggle" value="radio-on" checked />
+      </label>
+      <label>
+        <input type="radio" name="toggle" value="radio-off" />
       </label>
       <label for="checkbox">
         <input type="checkbox" />
       </label>
+      <label>
+        <input type="checkbox" value="check-on" checked />
+      </label>
       <label for="textarea">
         <textarea name="" id="" cols="30" rows="10" data-unmask-example="true"></textarea>
       </label>
       <label for="select">
-        <select name="" id="">
-          <option value="1">1</option>
-          <option value="2">2</option>
+        <select name="" id="" value="AA">
+          <option value="AA">Option A</option>
+          <option value="BB">Opt. B</option>
         </select>
       </label>
       <label for="password">
diff --git a/packages/rrweb/test/record/__snapshots__/cross-origin-iframes.test.ts.snap b/packages/rrweb/test/record/__snapshots__/cross-origin-iframes.test.ts.snap
index 48d4bdb33a..25d0579278 100644
--- a/packages/rrweb/test/record/__snapshots__/cross-origin-iframes.test.ts.snap
+++ b/packages/rrweb/test/record/__snapshots__/cross-origin-iframes.test.ts.snap
@@ -1311,8 +1311,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
                                 \\"tagName\\": \\"input\\",
                                 \\"attributes\\": {
                                   \\"type\\": \\"radio\\",
-                                  \\"name\\": \\"toggle\\",
-                                  \\"value\\": \\"on\\"
+                                  \\"name\\": \\"toggle\\"
                                 },
                                 \\"childNodes\\": [],
                                 \\"rootId\\": 11,
@@ -1351,7 +1350,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
                                 \\"attributes\\": {
                                   \\"type\\": \\"radio\\",
                                   \\"name\\": \\"toggle\\",
-                                  \\"value\\": \\"off\\",
+                                  \\"value\\": \\"radio-on\\",
                                   \\"checked\\": true
                                 },
                                 \\"childNodes\\": [],
@@ -1377,9 +1376,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
                           {
                             \\"type\\": 2,
                             \\"tagName\\": \\"label\\",
-                            \\"attributes\\": {
-                              \\"for\\": \\"checkbox\\"
-                            },
+                            \\"attributes\\": {},
                             \\"childNodes\\": [
                               {
                                 \\"type\\": 3,
@@ -1391,7 +1388,9 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"input\\",
                                 \\"attributes\\": {
-                                  \\"type\\": \\"checkbox\\"
+                                  \\"type\\": \\"radio\\",
+                                  \\"name\\": \\"toggle\\",
+                                  \\"value\\": \\"radio-off\\"
                                 },
                                 \\"childNodes\\": [],
                                 \\"rootId\\": 11,
@@ -1417,7 +1416,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
                             \\"type\\": 2,
                             \\"tagName\\": \\"label\\",
                             \\"attributes\\": {
-                              \\"for\\": \\"textarea\\"
+                              \\"for\\": \\"checkbox\\"
                             },
                             \\"childNodes\\": [
                               {
@@ -1426,6 +1425,84 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
                                 \\"rootId\\": 11,
                                 \\"id\\": 53
                               },
+                              {
+                                \\"type\\": 2,
+                                \\"tagName\\": \\"input\\",
+                                \\"attributes\\": {
+                                  \\"type\\": \\"checkbox\\"
+                                },
+                                \\"childNodes\\": [],
+                                \\"rootId\\": 11,
+                                \\"id\\": 54
+                              },
+                              {
+                                \\"type\\": 3,
+                                \\"textContent\\": \\"\\\\n      \\",
+                                \\"rootId\\": 11,
+                                \\"id\\": 55
+                              }
+                            ],
+                            \\"rootId\\": 11,
+                            \\"id\\": 52
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"rootId\\": 11,
+                            \\"id\\": 56
+                          },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"label\\",
+                            \\"attributes\\": {},
+                            \\"childNodes\\": [
+                              {
+                                \\"type\\": 3,
+                                \\"textContent\\": \\"\\\\n        \\",
+                                \\"rootId\\": 11,
+                                \\"id\\": 58
+                              },
+                              {
+                                \\"type\\": 2,
+                                \\"tagName\\": \\"input\\",
+                                \\"attributes\\": {
+                                  \\"type\\": \\"checkbox\\",
+                                  \\"value\\": \\"check-on\\",
+                                  \\"checked\\": true
+                                },
+                                \\"childNodes\\": [],
+                                \\"rootId\\": 11,
+                                \\"id\\": 59
+                              },
+                              {
+                                \\"type\\": 3,
+                                \\"textContent\\": \\"\\\\n      \\",
+                                \\"rootId\\": 11,
+                                \\"id\\": 60
+                              }
+                            ],
+                            \\"rootId\\": 11,
+                            \\"id\\": 57
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"rootId\\": 11,
+                            \\"id\\": 61
+                          },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"label\\",
+                            \\"attributes\\": {
+                              \\"for\\": \\"textarea\\"
+                            },
+                            \\"childNodes\\": [
+                              {
+                                \\"type\\": 3,
+                                \\"textContent\\": \\"\\\\n        \\",
+                                \\"rootId\\": 11,
+                                \\"id\\": 63
+                              },
                               {
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"textarea\\",
@@ -1438,23 +1515,23 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
                                 },
                                 \\"childNodes\\": [],
                                 \\"rootId\\": 11,
-                                \\"id\\": 54
+                                \\"id\\": 64
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n      \\",
                                 \\"rootId\\": 11,
-                                \\"id\\": 55
+                                \\"id\\": 65
                               }
                             ],
                             \\"rootId\\": 11,
-                            \\"id\\": 52
+                            \\"id\\": 62
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
                             \\"rootId\\": 11,
-                            \\"id\\": 56
+                            \\"id\\": 66
                           },
                           {
                             \\"type\\": 2,
@@ -1467,7 +1544,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n        \\",
                                 \\"rootId\\": 11,
-                                \\"id\\": 58
+                                \\"id\\": 68
                               },
                               {
                                 \\"type\\": 2,
@@ -1475,81 +1552,81 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
                                 \\"attributes\\": {
                                   \\"name\\": \\"\\",
                                   \\"id\\": \\"\\",
-                                  \\"value\\": \\"1\\"
+                                  \\"value\\": \\"AA\\"
                                 },
                                 \\"childNodes\\": [
                                   {
                                     \\"type\\": 3,
                                     \\"textContent\\": \\"\\\\n          \\",
                                     \\"rootId\\": 11,
-                                    \\"id\\": 60
+                                    \\"id\\": 70
                                   },
                                   {
                                     \\"type\\": 2,
                                     \\"tagName\\": \\"option\\",
                                     \\"attributes\\": {
-                                      \\"value\\": \\"1\\",
+                                      \\"value\\": \\"AA\\",
                                       \\"selected\\": true
                                     },
                                     \\"childNodes\\": [
                                       {
                                         \\"type\\": 3,
-                                        \\"textContent\\": \\"1\\",
+                                        \\"textContent\\": \\"Option A\\",
                                         \\"rootId\\": 11,
-                                        \\"id\\": 62
+                                        \\"id\\": 72
                                       }
                                     ],
                                     \\"rootId\\": 11,
-                                    \\"id\\": 61
+                                    \\"id\\": 71
                                   },
                                   {
                                     \\"type\\": 3,
                                     \\"textContent\\": \\"\\\\n          \\",
                                     \\"rootId\\": 11,
-                                    \\"id\\": 63
+                                    \\"id\\": 73
                                   },
                                   {
                                     \\"type\\": 2,
                                     \\"tagName\\": \\"option\\",
                                     \\"attributes\\": {
-                                      \\"value\\": \\"2\\"
+                                      \\"value\\": \\"BB\\"
                                     },
                                     \\"childNodes\\": [
                                       {
                                         \\"type\\": 3,
-                                        \\"textContent\\": \\"2\\",
+                                        \\"textContent\\": \\"Opt. B\\",
                                         \\"rootId\\": 11,
-                                        \\"id\\": 65
+                                        \\"id\\": 75
                                       }
                                     ],
                                     \\"rootId\\": 11,
-                                    \\"id\\": 64
+                                    \\"id\\": 74
                                   },
                                   {
                                     \\"type\\": 3,
                                     \\"textContent\\": \\"\\\\n        \\",
                                     \\"rootId\\": 11,
-                                    \\"id\\": 66
+                                    \\"id\\": 76
                                   }
                                 ],
                                 \\"rootId\\": 11,
-                                \\"id\\": 59
+                                \\"id\\": 69
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n      \\",
                                 \\"rootId\\": 11,
-                                \\"id\\": 67
+                                \\"id\\": 77
                               }
                             ],
                             \\"rootId\\": 11,
-                            \\"id\\": 57
+                            \\"id\\": 67
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
                             \\"rootId\\": 11,
-                            \\"id\\": 68
+                            \\"id\\": 78
                           },
                           {
                             \\"type\\": 2,
@@ -1562,7 +1639,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n        \\",
                                 \\"rootId\\": 11,
-                                \\"id\\": 70
+                                \\"id\\": 80
                               },
                               {
                                 \\"type\\": 2,
@@ -1572,23 +1649,23 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
                                 },
                                 \\"childNodes\\": [],
                                 \\"rootId\\": 11,
-                                \\"id\\": 71
+                                \\"id\\": 81
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n      \\",
                                 \\"rootId\\": 11,
-                                \\"id\\": 72
+                                \\"id\\": 82
                               }
                             ],
                             \\"rootId\\": 11,
-                            \\"id\\": 69
+                            \\"id\\": 79
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n    \\",
                             \\"rootId\\": 11,
-                            \\"id\\": 73
+                            \\"id\\": 83
                           }
                         ],
                         \\"rootId\\": 11,
@@ -1598,7 +1675,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n  \\\\n\\\\n\\",
                         \\"rootId\\": 11,
-                        \\"id\\": 74
+                        \\"id\\": 84
                       }
                     ],
                     \\"rootId\\": 11,
@@ -1708,7 +1785,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"on\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": true,
       \\"id\\": 39
     }
@@ -1717,17 +1794,26 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"off\\",
+      \\"text\\": \\"radio-on\\",
       \\"isChecked\\": false,
       \\"id\\": 44
     }
   },
+  {
+    \\"type\\": 3,
+    \\"data\\": {
+      \\"source\\": 5,
+      \\"text\\": \\"radio-off\\",
+      \\"isChecked\\": false,
+      \\"id\\": 49
+    }
+  },
   {
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 1,
-      \\"id\\": 49
+      \\"id\\": 54
     }
   },
   {
@@ -1743,7 +1829,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 49
+      \\"id\\": 54
     }
   },
   {
@@ -1751,7 +1837,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 0,
-      \\"id\\": 49
+      \\"id\\": 54
     }
   },
   {
@@ -1759,7 +1845,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 2,
-      \\"id\\": 49,
+      \\"id\\": 54,
       \\"pointerType\\": 0
     }
   },
@@ -1767,9 +1853,9 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"on\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": true,
-      \\"id\\": 49
+      \\"id\\": 54
     }
   },
   {
@@ -1777,7 +1863,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 6,
-      \\"id\\": 49
+      \\"id\\": 54
     }
   },
   {
@@ -1785,7 +1871,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 71
+      \\"id\\": 81
     }
   },
   {
@@ -1794,7 +1880,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"*\\",
       \\"isChecked\\": false,
-      \\"id\\": 71
+      \\"id\\": 81
     }
   },
   {
@@ -1803,7 +1889,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"**\\",
       \\"isChecked\\": false,
-      \\"id\\": 71
+      \\"id\\": 81
     }
   },
   {
@@ -1812,7 +1898,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"***\\",
       \\"isChecked\\": false,
-      \\"id\\": 71
+      \\"id\\": 81
     }
   },
   {
@@ -1821,7 +1907,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"****\\",
       \\"isChecked\\": false,
-      \\"id\\": 71
+      \\"id\\": 81
     }
   },
   {
@@ -1830,7 +1916,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"*****\\",
       \\"isChecked\\": false,
-      \\"id\\": 71
+      \\"id\\": 81
     }
   },
   {
@@ -1839,7 +1925,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"******\\",
       \\"isChecked\\": false,
-      \\"id\\": 71
+      \\"id\\": 81
     }
   },
   {
@@ -1848,7 +1934,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"*******\\",
       \\"isChecked\\": false,
-      \\"id\\": 71
+      \\"id\\": 81
     }
   },
   {
@@ -1857,7 +1943,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"********\\",
       \\"isChecked\\": false,
-      \\"id\\": 71
+      \\"id\\": 81
     }
   },
   {
@@ -1865,7 +1951,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 6,
-      \\"id\\": 71
+      \\"id\\": 81
     }
   },
   {
@@ -1873,7 +1959,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
     \\"data\\": {
       \\"source\\": 2,
       \\"type\\": 5,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1882,7 +1968,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"t\\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1891,7 +1977,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"te\\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1900,7 +1986,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"tex\\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1909,7 +1995,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"text\\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1918,7 +2004,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"texta\\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1927,7 +2013,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"textar\\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1936,7 +2022,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"textare\\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1945,7 +2031,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"textarea\\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1954,7 +2040,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"textarea \\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1963,7 +2049,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"textarea t\\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1972,7 +2058,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"textarea te\\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1981,7 +2067,7 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"textarea tes\\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
@@ -1990,16 +2076,16 @@ exports[`cross origin iframes form.html should map input events correctly 1`] =
       \\"source\\": 5,
       \\"text\\": \\"textarea test\\",
       \\"isChecked\\": false,
-      \\"id\\": 54
+      \\"id\\": 64
     }
   },
   {
     \\"type\\": 3,
     \\"data\\": {
       \\"source\\": 5,
-      \\"text\\": \\"1\\",
+      \\"text\\": \\"\\",
       \\"isChecked\\": false,
-      \\"id\\": 59
+      \\"id\\": 69
     }
   }
 ]"
@@ -2308,8 +2394,7 @@ exports[`cross origin iframes form.html should map scroll events correctly 1`] =
                                 \\"tagName\\": \\"input\\",
                                 \\"attributes\\": {
                                   \\"type\\": \\"radio\\",
-                                  \\"name\\": \\"toggle\\",
-                                  \\"value\\": \\"on\\"
+                                  \\"name\\": \\"toggle\\"
                                 },
                                 \\"childNodes\\": [],
                                 \\"rootId\\": 11,
@@ -2348,7 +2433,7 @@ exports[`cross origin iframes form.html should map scroll events correctly 1`] =
                                 \\"attributes\\": {
                                   \\"type\\": \\"radio\\",
                                   \\"name\\": \\"toggle\\",
-                                  \\"value\\": \\"off\\",
+                                  \\"value\\": \\"radio-on\\",
                                   \\"checked\\": true
                                 },
                                 \\"childNodes\\": [],
@@ -2374,9 +2459,7 @@ exports[`cross origin iframes form.html should map scroll events correctly 1`] =
                           {
                             \\"type\\": 2,
                             \\"tagName\\": \\"label\\",
-                            \\"attributes\\": {
-                              \\"for\\": \\"checkbox\\"
-                            },
+                            \\"attributes\\": {},
                             \\"childNodes\\": [
                               {
                                 \\"type\\": 3,
@@ -2388,7 +2471,9 @@ exports[`cross origin iframes form.html should map scroll events correctly 1`] =
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"input\\",
                                 \\"attributes\\": {
-                                  \\"type\\": \\"checkbox\\"
+                                  \\"type\\": \\"radio\\",
+                                  \\"name\\": \\"toggle\\",
+                                  \\"value\\": \\"radio-off\\"
                                 },
                                 \\"childNodes\\": [],
                                 \\"rootId\\": 11,
@@ -2414,7 +2499,7 @@ exports[`cross origin iframes form.html should map scroll events correctly 1`] =
                             \\"type\\": 2,
                             \\"tagName\\": \\"label\\",
                             \\"attributes\\": {
-                              \\"for\\": \\"textarea\\"
+                              \\"for\\": \\"checkbox\\"
                             },
                             \\"childNodes\\": [
                               {
@@ -2423,6 +2508,84 @@ exports[`cross origin iframes form.html should map scroll events correctly 1`] =
                                 \\"rootId\\": 11,
                                 \\"id\\": 53
                               },
+                              {
+                                \\"type\\": 2,
+                                \\"tagName\\": \\"input\\",
+                                \\"attributes\\": {
+                                  \\"type\\": \\"checkbox\\"
+                                },
+                                \\"childNodes\\": [],
+                                \\"rootId\\": 11,
+                                \\"id\\": 54
+                              },
+                              {
+                                \\"type\\": 3,
+                                \\"textContent\\": \\"\\\\n      \\",
+                                \\"rootId\\": 11,
+                                \\"id\\": 55
+                              }
+                            ],
+                            \\"rootId\\": 11,
+                            \\"id\\": 52
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"rootId\\": 11,
+                            \\"id\\": 56
+                          },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"label\\",
+                            \\"attributes\\": {},
+                            \\"childNodes\\": [
+                              {
+                                \\"type\\": 3,
+                                \\"textContent\\": \\"\\\\n        \\",
+                                \\"rootId\\": 11,
+                                \\"id\\": 58
+                              },
+                              {
+                                \\"type\\": 2,
+                                \\"tagName\\": \\"input\\",
+                                \\"attributes\\": {
+                                  \\"type\\": \\"checkbox\\",
+                                  \\"value\\": \\"check-on\\",
+                                  \\"checked\\": true
+                                },
+                                \\"childNodes\\": [],
+                                \\"rootId\\": 11,
+                                \\"id\\": 59
+                              },
+                              {
+                                \\"type\\": 3,
+                                \\"textContent\\": \\"\\\\n      \\",
+                                \\"rootId\\": 11,
+                                \\"id\\": 60
+                              }
+                            ],
+                            \\"rootId\\": 11,
+                            \\"id\\": 57
+                          },
+                          {
+                            \\"type\\": 3,
+                            \\"textContent\\": \\"\\\\n      \\",
+                            \\"rootId\\": 11,
+                            \\"id\\": 61
+                          },
+                          {
+                            \\"type\\": 2,
+                            \\"tagName\\": \\"label\\",
+                            \\"attributes\\": {
+                              \\"for\\": \\"textarea\\"
+                            },
+                            \\"childNodes\\": [
+                              {
+                                \\"type\\": 3,
+                                \\"textContent\\": \\"\\\\n        \\",
+                                \\"rootId\\": 11,
+                                \\"id\\": 63
+                              },
                               {
                                 \\"type\\": 2,
                                 \\"tagName\\": \\"textarea\\",
@@ -2435,23 +2598,23 @@ exports[`cross origin iframes form.html should map scroll events correctly 1`] =
                                 },
                                 \\"childNodes\\": [],
                                 \\"rootId\\": 11,
-                                \\"id\\": 54
+                                \\"id\\": 64
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n      \\",
                                 \\"rootId\\": 11,
-                                \\"id\\": 55
+                                \\"id\\": 65
                               }
                             ],
                             \\"rootId\\": 11,
-                            \\"id\\": 52
+                            \\"id\\": 62
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
                             \\"rootId\\": 11,
-                            \\"id\\": 56
+                            \\"id\\": 66
                           },
                           {
                             \\"type\\": 2,
@@ -2464,7 +2627,7 @@ exports[`cross origin iframes form.html should map scroll events correctly 1`] =
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n        \\",
                                 \\"rootId\\": 11,
-                                \\"id\\": 58
+                                \\"id\\": 68
                               },
                               {
                                 \\"type\\": 2,
@@ -2472,81 +2635,81 @@ exports[`cross origin iframes form.html should map scroll events correctly 1`] =
                                 \\"attributes\\": {
                                   \\"name\\": \\"\\",
                                   \\"id\\": \\"\\",
-                                  \\"value\\": \\"1\\"
+                                  \\"value\\": \\"AA\\"
                                 },
                                 \\"childNodes\\": [
                                   {
                                     \\"type\\": 3,
                                     \\"textContent\\": \\"\\\\n          \\",
                                     \\"rootId\\": 11,
-                                    \\"id\\": 60
+                                    \\"id\\": 70
                                   },
                                   {
                                     \\"type\\": 2,
                                     \\"tagName\\": \\"option\\",
                                     \\"attributes\\": {
-                                      \\"value\\": \\"1\\",
+                                      \\"value\\": \\"AA\\",
                                       \\"selected\\": true
                                     },
                                     \\"childNodes\\": [
                                       {
                                         \\"type\\": 3,
-                                        \\"textContent\\": \\"1\\",
+                                        \\"textContent\\": \\"Option A\\",
                                         \\"rootId\\": 11,
-                                        \\"id\\": 62
+                                        \\"id\\": 72
                                       }
                                     ],
                                     \\"rootId\\": 11,
-                                    \\"id\\": 61
+                                    \\"id\\": 71
                                   },
                                   {
                                     \\"type\\": 3,
                                     \\"textContent\\": \\"\\\\n          \\",
                                     \\"rootId\\": 11,
-                                    \\"id\\": 63
+                                    \\"id\\": 73
                                   },
                                   {
                                     \\"type\\": 2,
                                     \\"tagName\\": \\"option\\",
                                     \\"attributes\\": {
-                                      \\"value\\": \\"2\\"
+                                      \\"value\\": \\"BB\\"
                                     },
                                     \\"childNodes\\": [
                                       {
                                         \\"type\\": 3,
-                                        \\"textContent\\": \\"2\\",
+                                        \\"textContent\\": \\"Opt. B\\",
                                         \\"rootId\\": 11,
-                                        \\"id\\": 65
+                                        \\"id\\": 75
                                       }
                                     ],
                                     \\"rootId\\": 11,
-                                    \\"id\\": 64
+                                    \\"id\\": 74
                                   },
                                   {
                                     \\"type\\": 3,
                                     \\"textContent\\": \\"\\\\n        \\",
                                     \\"rootId\\": 11,
-                                    \\"id\\": 66
+                                    \\"id\\": 76
                                   }
                                 ],
                                 \\"rootId\\": 11,
-                                \\"id\\": 59
+                                \\"id\\": 69
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n      \\",
                                 \\"rootId\\": 11,
-                                \\"id\\": 67
+                                \\"id\\": 77
                               }
                             ],
                             \\"rootId\\": 11,
-                            \\"id\\": 57
+                            \\"id\\": 67
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n      \\",
                             \\"rootId\\": 11,
-                            \\"id\\": 68
+                            \\"id\\": 78
                           },
                           {
                             \\"type\\": 2,
@@ -2559,7 +2722,7 @@ exports[`cross origin iframes form.html should map scroll events correctly 1`] =
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n        \\",
                                 \\"rootId\\": 11,
-                                \\"id\\": 70
+                                \\"id\\": 80
                               },
                               {
                                 \\"type\\": 2,
@@ -2569,23 +2732,23 @@ exports[`cross origin iframes form.html should map scroll events correctly 1`] =
                                 },
                                 \\"childNodes\\": [],
                                 \\"rootId\\": 11,
-                                \\"id\\": 71
+                                \\"id\\": 81
                               },
                               {
                                 \\"type\\": 3,
                                 \\"textContent\\": \\"\\\\n      \\",
                                 \\"rootId\\": 11,
-                                \\"id\\": 72
+                                \\"id\\": 82
                               }
                             ],
                             \\"rootId\\": 11,
-                            \\"id\\": 69
+                            \\"id\\": 79
                           },
                           {
                             \\"type\\": 3,
                             \\"textContent\\": \\"\\\\n    \\",
                             \\"rootId\\": 11,
-                            \\"id\\": 73
+                            \\"id\\": 83
                           }
                         ],
                         \\"rootId\\": 11,
@@ -2595,7 +2758,7 @@ exports[`cross origin iframes form.html should map scroll events correctly 1`] =
                         \\"type\\": 3,
                         \\"textContent\\": \\"\\\\n  \\\\n\\\\n\\",
                         \\"rootId\\": 11,
-                        \\"id\\": 74
+                        \\"id\\": 84
                       }
                     ],
                     \\"rootId\\": 11,