From bc1744f4c860ea34d1964eb1421795e127d69acc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bed=C5=99ich=20Schindler?= <bedrich.schindler@gmail.com>
Date: Tue, 17 Oct 2023 10:54:52 +0200
Subject: [PATCH] Move `transferProps` back from `fieldset` to `input` in
 `RadioField` (#481)

---
 src/components/Radio/README.md | 4 ++--
 src/components/Radio/Radio.jsx | 6 +-----
 2 files changed, 3 insertions(+), 7 deletions(-)

diff --git a/src/components/Radio/README.md b/src/components/Radio/README.md
index a4dbd8d0..63bf1edc 100644
--- a/src/components/Radio/README.md
+++ b/src/components/Radio/README.md
@@ -281,8 +281,8 @@ It's possible to disable just some options or the whole set.
 In addition to the options below in the [component's API](#api) section, you
 can specify [React synthetic events] or you can **add whatever HTML attribute
 you like.** All attributes that don't interfere with the API are forwarded to
-the native HTML `<input>`. This enables making the component interactive and helps
-to improve its accessibility.
+the native HTML `<input>` elements. This enables making the component
+interactive and helps to improve its accessibility.
 
 👉 Refer to the MDN reference for the full list of supported attributes of the
 [radio] input type.
diff --git a/src/components/Radio/Radio.jsx b/src/components/Radio/Radio.jsx
index d77a064a..67f4eb78 100644
--- a/src/components/Radio/Radio.jsx
+++ b/src/components/Radio/Radio.jsx
@@ -26,7 +26,6 @@ export const Radio = ({
 
   return (
     <fieldset
-      {...transferProps(restProps)}
       className={classNames(
         styles.root,
         context && styles.isRootInFormLayout,
@@ -68,6 +67,7 @@ export const Radio = ({
                   key={key}
                 >
                   <input
+                    {...transferProps(restProps)}
                     checked={restProps.onChange
                       ? (value === option.value) || false
                       : undefined}
@@ -75,10 +75,6 @@ export const Radio = ({
                     disabled={disabled || option.disabled}
                     id={id && `${id}__item__${key}`}
                     name={id}
-                    // The change is handled by the `<fieldset>` element. This is a placeholder to prevent React from
-                    // showing the warning about uncontrolled input: "You provided a `checked` prop to a form field
-                    // without an `onChange` handler."
-                    onChange={() => {}}
                     type="radio"
                     value={option.value}
                   />