diff --git a/Tests/LibWeb/Text/expected/css/dir-pseudo-on-form-associated-element.txt b/Tests/LibWeb/Text/expected/css/dir-pseudo-on-form-associated-element.txt
new file mode 100644
index 00000000000..94405c7239d
--- /dev/null
+++ b/Tests/LibWeb/Text/expected/css/dir-pseudo-on-form-associated-element.txt
@@ -0,0 +1,30 @@
+Testing input element with type=text
+Input matches :dir(ltr): true
+Input matches :dir(rtl): false
+Input matches :dir(ltr): true
+Input matches :dir(rtl): false
+Input matches :dir(ltr): false
+Input matches :dir(rtl): true
+Input matches :dir(ltr): true
+Input matches :dir(rtl): false
+Input matches :dir(ltr): false
+Input matches :dir(rtl): true
+Input matches :dir(ltr): true
+Input matches :dir(rtl): false
+Input matches :dir(ltr): true
+Input matches :dir(rtl): false
+Testing textarea element
+Input matches :dir(ltr): true
+Input matches :dir(rtl): false
+Input matches :dir(ltr): true
+Input matches :dir(rtl): false
+Input matches :dir(ltr): false
+Input matches :dir(rtl): true
+Input matches :dir(ltr): true
+Input matches :dir(rtl): false
+Input matches :dir(ltr): false
+Input matches :dir(rtl): true
+Input matches :dir(ltr): true
+Input matches :dir(rtl): false
+Input matches :dir(ltr): true
+Input matches :dir(rtl): false
diff --git a/Tests/LibWeb/Text/expected/css/dir-pseudo-on-input-element.txt b/Tests/LibWeb/Text/expected/css/dir-pseudo-on-input-element.txt
deleted file mode 100644
index b7b6c5025a5..00000000000
--- a/Tests/LibWeb/Text/expected/css/dir-pseudo-on-input-element.txt
+++ /dev/null
@@ -1,14 +0,0 @@
-Input matches :dir(ltr): true
-Input matches :dir(rtl): false
-Input matches :dir(ltr): true
-Input matches :dir(rtl): false
-Input matches :dir(ltr): false
-Input matches :dir(rtl): true
-Input matches :dir(ltr): true
-Input matches :dir(rtl): false
-Input matches :dir(ltr): false
-Input matches :dir(rtl): true
-Input matches :dir(ltr): true
-Input matches :dir(rtl): false
-Input matches :dir(ltr): true
-Input matches :dir(rtl): false
diff --git a/Tests/LibWeb/Text/input/css/dir-pseudo-on-form-associated-element.html b/Tests/LibWeb/Text/input/css/dir-pseudo-on-form-associated-element.html
new file mode 100644
index 00000000000..c0b5eb43006
--- /dev/null
+++ b/Tests/LibWeb/Text/input/css/dir-pseudo-on-form-associated-element.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<style>
+    .test {
+        font-size: 12px;
+    }
+</style>
+<script src="../include.js"></script>
+<script>
+    test(() => {
+        function testSelectorMatch(input, selector) {
+            println(`Input matches ${selector}: ${input.matches(selector)}`);
+        }
+
+        function testElementDirectionality(element) {
+            element.value = "Well hello friends!"
+            testSelectorMatch(element, ":dir(ltr)");
+            testSelectorMatch(element, ":dir(rtl)");
+
+            element.dir = "invalid";
+            testSelectorMatch(element, ":dir(ltr)");
+            testSelectorMatch(element, ":dir(rtl)");
+
+            element.dir = "rtl";
+            testSelectorMatch(element, ":dir(ltr)");
+            testSelectorMatch(element, ":dir(rtl)");
+
+            element.dir = "auto"
+            testSelectorMatch(element, ":dir(ltr)");
+            testSelectorMatch(element, ":dir(rtl)");
+
+            element.value = "حسنًا ، مرحباً أيها الأصدقاء";
+            testSelectorMatch(element, ":dir(ltr)");
+            testSelectorMatch(element, ":dir(rtl)");
+
+            element.dir = "ltr"
+            testSelectorMatch(element, ":dir(ltr)");
+            testSelectorMatch(element, ":dir(rtl)");
+
+            element.removeAttribute("dir");
+            testSelectorMatch(element, ":dir(ltr)");
+            testSelectorMatch(element, ":dir(rtl)");
+        }
+        
+        println("Testing input element with type=text");
+        const textInput = document.createElement("input");
+        textInput.type = "text";
+        testElementDirectionality(textInput);
+        
+        println("Testing textarea element");
+        const textAreaElement = document.createElement("textarea");
+        testElementDirectionality(textAreaElement);
+    });
+</script>
diff --git a/Tests/LibWeb/Text/input/css/dir-pseudo-on-input-element.html b/Tests/LibWeb/Text/input/css/dir-pseudo-on-input-element.html
deleted file mode 100644
index 1c628038a5b..00000000000
--- a/Tests/LibWeb/Text/input/css/dir-pseudo-on-input-element.html
+++ /dev/null
@@ -1,44 +0,0 @@
-<!DOCTYPE html>
-<style>
-    .test {
-        font-size: 12px;
-    }
-</style>
-<script src="../include.js"></script>
-<script>
-    test(() => {
-        function testSelectorMatch(input, selector) {
-            println(`Input matches ${selector}: ${input.matches(selector)}`);
-        }
-
-        const input = document.createElement("input");
-        input.type = "text";
-        input.value = "Well hello friends!"
-        testSelectorMatch(input, ":dir(ltr)");
-        testSelectorMatch(input, ":dir(rtl)");
-
-        input.dir = "invalid";
-        testSelectorMatch(input, ":dir(ltr)");
-        testSelectorMatch(input, ":dir(rtl)");
-
-        input.dir = "rtl";
-        testSelectorMatch(input, ":dir(ltr)");
-        testSelectorMatch(input, ":dir(rtl)");
-
-        input.dir = "auto"
-        testSelectorMatch(input, ":dir(ltr)");
-        testSelectorMatch(input, ":dir(rtl)");
-
-        input.value = "حسنًا ، مرحباً أيها الأصدقاء";
-        testSelectorMatch(input, ":dir(ltr)");
-        testSelectorMatch(input, ":dir(rtl)");
-
-        input.dir = "ltr"
-        testSelectorMatch(input, ":dir(ltr)");
-        testSelectorMatch(input, ":dir(rtl)");
-
-        input.removeAttribute("dir");
-        testSelectorMatch(input, ":dir(ltr)");
-        testSelectorMatch(input, ":dir(rtl)");
-    });
-</script>
diff --git a/Userland/Libraries/LibWeb/DOM/Element.cpp b/Userland/Libraries/LibWeb/DOM/Element.cpp
index 6174f6d57eb..becd9a47658 100644
--- a/Userland/Libraries/LibWeb/DOM/Element.cpp
+++ b/Userland/Libraries/LibWeb/DOM/Element.cpp
@@ -2373,7 +2373,9 @@ Optional<Element::Directionality> Element::auto_directionality() const
 
     // 1. If element is an auto-directionality form-associated element:
     if (is_auto_directionality_form_associated_element()) {
-        auto const& value = static_cast<HTML::HTMLInputElement const&>(*this).value();
+        auto const* form_associated_element = dynamic_cast<HTML::FormAssociatedElement const*>(this);
+        VERIFY(form_associated_element);
+        auto const& value = form_associated_element->value();
 
         // 1. If element's value contains a character of bidirectional character type AL or R,
         //    and there is no character of bidirectional character type L anywhere before it in the element's value, then return 'rtl'.
