fix: ensure radio fields are functional inside arrays

measuredco · Dec 15, 2024 · 7736294 · 7736294
1 parent 00ccd1d
commit 7736294
Showing 1 changed file with 11 additions and 1 deletion.
diff --git a/packages/core/components/AutoField/index.tsx b/packages/core/components/AutoField/index.tsx
@@ -217,7 +217,17 @@ function AutoFieldInternal<
   const Render = render[field.type] as (props: FieldProps) => ReactElement;
 
   return (
-    <div className={getClassNameWrapper()} onFocus={onFocus} onBlur={onBlur}>
+    <div
+      className={getClassNameWrapper()}
+      onFocus={onFocus}
+      onBlur={onBlur}
+      onClick={(e) => {
+        // Prevent propagation of any click events to parent field.
+        // For example, a field within an array may bubble an event
+        // and fail to stop propagation.
+        e.stopPropagation();
+      }}
+    >
       <Render {...mergedProps}>{children}</Render>
     </div>
   );