Merge pull request #3371 from Shopify/2025-10-rc-switch-to-currentTarget

Switch to recommending currentTarget instead of target in docs

Author: jas7457

packages/ui-extensions/src/surfaces/admin/components/patterns/examples/homepage.jsx

@@ -97,7 +97,7 @@ export default function HomePage() {
                       label="Upload an image for your puzzle"
                       onInput={(e) =>
                         setProgress((prev) =>
-                          e.target.checked ? prev + 1 : prev - 1,
+                          e.currentTarget.checked ? prev + 1 : prev - 1,
                         )
                       }
                     ></s-checkbox>
@@ -154,7 +154,7 @@ export default function HomePage() {
                       label="Choose a puzzle template"
                       onInput={(e) =>
                         setProgress((prev) =>
-                          e.target.checked ? prev + 1 : prev - 1,
+                          e.currentTarget.checked ? prev + 1 : prev - 1,
                         )
                       }
                     ></s-checkbox>
@@ -209,7 +209,7 @@ export default function HomePage() {
                       label="Customize puzzle piece shapes"
                       onInput={(e) =>
                         setProgress((prev) =>
-                          e.target.checked ? prev + 1 : prev - 1,
+                          e.currentTarget.checked ? prev + 1 : prev - 1,
                         )
                       }
                     ></s-checkbox>

packages/ui-extensions/src/surfaces/admin/components/using-polaris-web-components/examples/event-handling.jsx

@@ -4,7 +4,7 @@
 
 <s-text-field
   label="Email"
-  onChange={(e) => console.log('Value changed:', e.target.value)}
+  onChange={(e) => console.log('Value changed:', e.currentTarget.value)}
   onFocus={() => console.log('Field focused')}
   onBlur={() => console.log('Field blurred')}
 />

packages/ui-extensions/src/surfaces/admin/components/using-polaris-web-components/examples/using-with-react.jsx

@@ -15,7 +15,7 @@ function ProductForm() {
           <s-text-field
             label="Product name"
             value={productName}
-            onChange={(e) => setProductName(e.target.value)}
+            onChange={(e) => setProductName(e.currentTarget.value)}
             required
           />
           <s-button variant="primary" type="submit">