From c4ebc8b4c369a5580e5973e31a3942e98a116264 Mon Sep 17 00:00:00 2001
From: Hetan Thakkar <hetanthakkar1@gmail.com>
Date: Tue, 20 Apr 2021 03:47:11 +0530
Subject: [PATCH 1/2] Removed test updates and changelog

---
 src-docs/src/views/accordion/accordion_form.js               | 2 +-
 src-docs/src/views/flyout/flyout_complicated.js              | 2 +-
 src-docs/src/views/flyout/flyout_max_width.js                | 2 +-
 src-docs/src/views/form_layouts/described_form_group.js      | 5 +----
 src-docs/src/views/form_layouts/inline_popover.js            | 4 ++--
 .../views/markdown_editor/markdown_editor_with_plugins.js    | 2 +-
 src-docs/src/views/tour/managed.js                           | 2 +-
 src-docs/src/views/tour/managed_hook.js                      | 2 +-
 src-docs/src/views/tour/tour.js                              | 2 +-
 9 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/src-docs/src/views/accordion/accordion_form.js b/src-docs/src/views/accordion/accordion_form.js
index 09224fe95a0..4c8a9469660 100644
--- a/src-docs/src/views/accordion/accordion_form.js
+++ b/src-docs/src/views/accordion/accordion_form.js
@@ -18,7 +18,7 @@ import {
 } from '../../../../src/components';
 
 const repeatableForm = (
-  <EuiForm>
+  <EuiForm component="form">
     <EuiFlexGroup>
       <EuiFlexItem>
         <EuiFormRow label="Username">
diff --git a/src-docs/src/views/flyout/flyout_complicated.js b/src-docs/src/views/flyout/flyout_complicated.js
index f6bdb0f3c9c..f432e5d1cce 100644
--- a/src-docs/src/views/flyout/flyout_complicated.js
+++ b/src-docs/src/views/flyout/flyout_complicated.js
@@ -211,7 +211,7 @@ export default () => {
             </p>
           </EuiPopover>
           <EuiSpacer size="m" />
-          <EuiForm>
+          <EuiForm component="form">
             <EuiFormRow label="A SuperSelect field">
               <EuiSuperSelect
                 options={superSelectOptions}
diff --git a/src-docs/src/views/flyout/flyout_max_width.js b/src-docs/src/views/flyout/flyout_max_width.js
index d781bb615de..4508f449921 100644
--- a/src-docs/src/views/flyout/flyout_max_width.js
+++ b/src-docs/src/views/flyout/flyout_max_width.js
@@ -68,7 +68,7 @@ export default () => {
 
           <EuiSpacer />
 
-          <EuiForm>
+          <EuiForm component="form">
             <EuiFormRow
               label="Text field"
               helpText="I am some friendly help text.">
diff --git a/src-docs/src/views/form_layouts/described_form_group.js b/src-docs/src/views/form_layouts/described_form_group.js
index ae49ca94d80..d0270c579fd 100644
--- a/src-docs/src/views/form_layouts/described_form_group.js
+++ b/src-docs/src/views/form_layouts/described_form_group.js
@@ -21,7 +21,7 @@ export default () => {
   };
 
   return (
-    <EuiForm>
+    <EuiForm component="form">
       <EuiDescribedFormGroup
         title={<h3>Single text field</h3>}
         description={
@@ -38,13 +38,11 @@ export default () => {
           <EuiFieldText name="first" aria-label="Example" />
         </EuiFormRow>
       </EuiDescribedFormGroup>
-
       <EuiDescribedFormGroup title={<h3>No description</h3>}>
         <EuiFormRow label="Text field">
           <EuiFieldText name="first" />
         </EuiFormRow>
       </EuiDescribedFormGroup>
-
       <EuiDescribedFormGroup
         title={<h3>Multiple fields</h3>}
         description="Here are three form rows. The first form row does not have a title.">
@@ -70,7 +68,6 @@ export default () => {
           <EuiRange min={0} max={100} name="range" id="range" />
         </EuiFormRow>
       </EuiDescribedFormGroup>
-
       <EuiDescribedFormGroup
         title={<h2>Full width</h2>}
         titleSize="xxxs"
diff --git a/src-docs/src/views/form_layouts/inline_popover.js b/src-docs/src/views/form_layouts/inline_popover.js
index 4e2345a9980..7ae8116bb81 100644
--- a/src-docs/src/views/form_layouts/inline_popover.js
+++ b/src-docs/src/views/form_layouts/inline_popover.js
@@ -52,7 +52,7 @@ export default () => {
   );
 
   const formSample = (
-    <EuiForm>
+    <EuiForm component="form">
       <EuiFlexGroup>
         <EuiFlexItem grow={false} style={{ width: 100 }}>
           <EuiFormRow label="Age">
@@ -84,7 +84,7 @@ export default () => {
   );
 
   const formSample2 = (
-    <EuiForm>
+    <EuiForm component="form">
       <EuiFormRow>
         <EuiSwitch
           id={htmlIdGenerator()()}
diff --git a/src-docs/src/views/markdown_editor/markdown_editor_with_plugins.js b/src-docs/src/views/markdown_editor/markdown_editor_with_plugins.js
index f14c469a98f..1fb54d7aabe 100644
--- a/src-docs/src/views/markdown_editor/markdown_editor_with_plugins.js
+++ b/src-docs/src/views/markdown_editor/markdown_editor_with_plugins.js
@@ -111,7 +111,7 @@ const chartDemoPlugin = {
 
         <EuiModalBody>
           <>
-            <EuiForm>
+            <EuiForm component="form">
               <EuiFlexGroup gutterSize="m" style={{ width: 600 }}>
                 <EuiFlexItem>
                   <EuiFormRow label="Palette">
diff --git a/src-docs/src/views/tour/managed.js b/src-docs/src/views/tour/managed.js
index b744e8831a2..634c99e6ea0 100644
--- a/src-docs/src/views/tour/managed.js
+++ b/src-docs/src/views/tour/managed.js
@@ -84,7 +84,7 @@ export default () => {
               Start or reset tour
             </EuiButtonEmpty>
             <EuiSpacer />
-            <EuiForm>
+            <EuiForm component="form">
               <EuiFormRow label="Enter an ES SQL query">
                 <EuiTourStep {...euiTourStepOne}>
                   <EuiTextArea
diff --git a/src-docs/src/views/tour/managed_hook.js b/src-docs/src/views/tour/managed_hook.js
index 5e6590b66fe..e2d1bb17269 100644
--- a/src-docs/src/views/tour/managed_hook.js
+++ b/src-docs/src/views/tour/managed_hook.js
@@ -86,7 +86,7 @@ export default () => {
         Reset tour
       </EuiButtonEmpty>
       <EuiSpacer />
-      <EuiForm>
+      <EuiForm component="form">
         <EuiFormRow label="Enter an ES SQL query">
           <EuiTourStep {...euiTourStepOne}>
             <EuiTextArea
diff --git a/src-docs/src/views/tour/tour.js b/src-docs/src/views/tour/tour.js
index a6e0f04b304..abe1a4a81dc 100644
--- a/src-docs/src/views/tour/tour.js
+++ b/src-docs/src/views/tour/tour.js
@@ -101,7 +101,7 @@ export default () => {
         Reset tour
       </EuiButtonEmpty>
       <EuiSpacer />
-      <EuiForm>
+      <EuiForm component="form">
         <EuiFormRow label="Enter an ES SQL query">
           <EuiTourStep
             content={demoTourSteps[0].content}

From 0712767a95373a9a075aaece364ac0d81aef8469 Mon Sep 17 00:00:00 2001
From: Hetan Thakkar <hetanthakkar1@gmail.com>
Date: Tue, 20 Apr 2021 23:46:33 +0530
Subject: [PATCH 2/2] Modified few more occurence of EuiForm

---
 src-docs/src/views/form_validation/validation.js | 2 +-
 src-docs/src/views/modal/modal_example.js        | 2 +-
 src-docs/src/views/modal/modal_form.js           | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src-docs/src/views/form_validation/validation.js b/src-docs/src/views/form_validation/validation.js
index 1d25d498a2c..665a4a0fd23 100644
--- a/src-docs/src/views/form_validation/validation.js
+++ b/src-docs/src/views/form_validation/validation.js
@@ -34,7 +34,7 @@ export default () => {
 
   return (
     <Fragment>
-      <EuiForm isInvalid={showErrors} error={errors}>
+      <EuiForm isInvalid={showErrors} error={errors} component="form">
         <EuiFormRow label="Validation only" isInvalid={showErrors}>
           <EuiFieldText name="first" isInvalid={showErrors} />
         </EuiFormRow>
diff --git a/src-docs/src/views/modal/modal_example.js b/src-docs/src/views/modal/modal_example.js
index b7d456cc0cf..458fc0216f8 100644
--- a/src-docs/src/views/modal/modal_example.js
+++ b/src-docs/src/views/modal/modal_example.js
@@ -64,7 +64,7 @@ const modalFormSnippet = `<EuiModal onClose={closeModal}>
   </EuiModalHeader>
 
   <EuiModalBody>
-    <EuiForm id={formId}><!-- Modal body --></EuiForm>
+    <EuiForm id={formId} component="form"><!-- Modal body --></EuiForm>
   </EuiModalBody>
 
   <EuiModalFooter>
diff --git a/src-docs/src/views/modal/modal_form.js b/src-docs/src/views/modal/modal_form.js
index 76e8c74ed7c..bbd0ca93e1d 100644
--- a/src-docs/src/views/modal/modal_form.js
+++ b/src-docs/src/views/modal/modal_form.js
@@ -77,7 +77,7 @@ export default () => {
   ];
 
   const formSample = (
-    <EuiForm id="modalFormId">
+    <EuiForm id="modalFormId" component="form">
       <EuiFormRow>
         <EuiSwitch
           id={htmlIdGenerator()()}