From 9351abee872fc41f7aef052d8394a1488e651b27 Mon Sep 17 00:00:00 2001
From: Maria Hutt <maria@ionic.io>
Date: Mon, 5 Aug 2024 13:51:42 -0700
Subject: [PATCH 1/2] docs(input, textarea): use a valid element for
 querySelector

---
 static/usage/v7/input/helper-error/javascript.md    | 2 +-
 static/usage/v7/textarea/helper-error/javascript.md | 2 +-
 static/usage/v8/input/helper-error/javascript.md    | 2 +-
 static/usage/v8/textarea/helper-error/javascript.md | 2 +-
 4 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/static/usage/v7/input/helper-error/javascript.md b/static/usage/v7/input/helper-error/javascript.md
index 55d306aa225..6c1150bdb06 100644
--- a/static/usage/v7/input/helper-error/javascript.md
+++ b/static/usage/v7/input/helper-error/javascript.md
@@ -9,7 +9,7 @@
 ></ion-input>
 
 <script>
-  const input = input.querySelector('ion-input');
+  const input = document.querySelector('ion-input');
 
   input.addEventListener('ionInput', (ev) => validate(ev));
   input.addEventListener('ionBlur', () => markTouched());
diff --git a/static/usage/v7/textarea/helper-error/javascript.md b/static/usage/v7/textarea/helper-error/javascript.md
index 112fdca3a10..5fba6d4fb74 100644
--- a/static/usage/v7/textarea/helper-error/javascript.md
+++ b/static/usage/v7/textarea/helper-error/javascript.md
@@ -8,7 +8,7 @@
 ></ion-textarea>
 
 <script>
-  const textarea = textarea.querySelector('ion-textarea');
+  const textarea = document.querySelector('ion-textarea');
 
   textarea.addEventListener('ionInput', (ev) => validate(ev));
   textarea.addEventListener('ionBlur', () => markTouched());
diff --git a/static/usage/v8/input/helper-error/javascript.md b/static/usage/v8/input/helper-error/javascript.md
index 55d306aa225..6c1150bdb06 100644
--- a/static/usage/v8/input/helper-error/javascript.md
+++ b/static/usage/v8/input/helper-error/javascript.md
@@ -9,7 +9,7 @@
 ></ion-input>
 
 <script>
-  const input = input.querySelector('ion-input');
+  const input = document.querySelector('ion-input');
 
   input.addEventListener('ionInput', (ev) => validate(ev));
   input.addEventListener('ionBlur', () => markTouched());
diff --git a/static/usage/v8/textarea/helper-error/javascript.md b/static/usage/v8/textarea/helper-error/javascript.md
index 112fdca3a10..5fba6d4fb74 100644
--- a/static/usage/v8/textarea/helper-error/javascript.md
+++ b/static/usage/v8/textarea/helper-error/javascript.md
@@ -8,7 +8,7 @@
 ></ion-textarea>
 
 <script>
-  const textarea = textarea.querySelector('ion-textarea');
+  const textarea = document.querySelector('ion-textarea');
 
   textarea.addEventListener('ionInput', (ev) => validate(ev));
   textarea.addEventListener('ionBlur', () => markTouched());

From c083ae4e8af245f167d1966ac01d1de7a71f1d13 Mon Sep 17 00:00:00 2001
From: Brandy Carney <brandyscarney@gmail.com>
Date: Wed, 7 Aug 2024 13:34:35 -0400
Subject: [PATCH 2/2] docs(textarea): update incorrect variable reference

---
 static/usage/v7/textarea/helper-error/javascript.md | 2 +-
 static/usage/v8/textarea/helper-error/javascript.md | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/static/usage/v7/textarea/helper-error/javascript.md b/static/usage/v7/textarea/helper-error/javascript.md
index 5fba6d4fb74..4bcdf69990d 100644
--- a/static/usage/v7/textarea/helper-error/javascript.md
+++ b/static/usage/v7/textarea/helper-error/javascript.md
@@ -27,7 +27,7 @@
 
     if (value === '') return;
 
-    validateEmail(value) ? textarea.classList.add('ion-valid') : input.classList.add('ion-invalid');
+    validateEmail(value) ? textarea.classList.add('ion-valid') : textarea.classList.add('ion-invalid');
   };
 
   const markTouched = () => {
diff --git a/static/usage/v8/textarea/helper-error/javascript.md b/static/usage/v8/textarea/helper-error/javascript.md
index 5fba6d4fb74..4bcdf69990d 100644
--- a/static/usage/v8/textarea/helper-error/javascript.md
+++ b/static/usage/v8/textarea/helper-error/javascript.md
@@ -27,7 +27,7 @@
 
     if (value === '') return;
 
-    validateEmail(value) ? textarea.classList.add('ion-valid') : input.classList.add('ion-invalid');
+    validateEmail(value) ? textarea.classList.add('ion-valid') : textarea.classList.add('ion-invalid');
   };
 
   const markTouched = () => {