diff --git a/components/textarea/src/vwc-textarea.scss b/components/textarea/src/vwc-textarea.scss
index c8d0f974f5..38267acdda 100644
--- a/components/textarea/src/vwc-textarea.scss
+++ b/components/textarea/src/vwc-textarea.scss
@@ -6,6 +6,9 @@
 	display: inline-flex;
 	flex-direction: column;
 	outline: none;
+	.mdc-text-field__input {
+		pointer-events: all;
+	}
 }
 
 :host([dense][label]:not([label=''])) {
diff --git a/ui-tests/snapshots/vwc-textarea.png b/ui-tests/snapshots/vwc-textarea.png
new file mode 100644
index 0000000000..93c6adbd26
Binary files /dev/null and b/ui-tests/snapshots/vwc-textarea.png differ
diff --git a/ui-tests/tests/vwc-textarea/index.js b/ui-tests/tests/vwc-textarea/index.js
new file mode 100644
index 0000000000..9eb7d64f07
--- /dev/null
+++ b/ui-tests/tests/vwc-textarea/index.js
@@ -0,0 +1,19 @@
+import '@vonage/vwc-textarea';
+import { storiesToElement } from '../../utils/storiesToElement';
+import * as stories from '@vonage/vwc-textarea/stories/textarea.stories';
+
+export async function createElementVariations(wrapper) {
+	const textElementWrapper = storiesToElement(stories);
+
+	wrapper.appendChild(textElementWrapper);
+
+	await new Promise(res => setTimeout(() => {
+		[...textElementWrapper.querySelectorAll('vwc-textfield')].forEach((child) => {
+			child.reportValidity();
+			child.firstElementChild.blur();
+		});
+		res();
+	}, 0));
+}
+
+