What version of Tailwind CSS are you using?
v4.2.4
What build tool (or framework if it abstracts the build tool) are you using?
vanilla javascript
What version of Node.js are you using?
N/A
What browser are you using?
Firefox
What operating system are you using?
Windows
Reproduction URL
https://codepen.io/enigma1/pen/ogYYPyR
Describe your issue
Using a textarea html element tailwind activates vertical only resizing, visible in the inspector.
textarea {
resize: vertical;
}
In a Tailwind CSS v4 project, the default browser behavior for <textarea> resizing appears to be overridden by Tailwind’s base styles.
Is this an intentional design decision in Tailwind’s preflight normalization, or an undocumented side effect?
Expected Behavior
In native HTML (without CSS resets), textarea elements are typically resizable in both directions (browser-dependent default behavior), or at minimum should not be constrained unless explicitly styled.
What version of Tailwind CSS are you using?
v4.2.4
What build tool (or framework if it abstracts the build tool) are you using?
vanilla javascript
What version of Node.js are you using?
N/A
What browser are you using?
Firefox
What operating system are you using?
Windows
Reproduction URL
https://codepen.io/enigma1/pen/ogYYPyR
Describe your issue
Using a textarea html element tailwind activates vertical only resizing, visible in the inspector.
textarea {
resize: vertical;
}
In a Tailwind CSS v4 project, the default browser behavior for <textarea> resizing appears to be overridden by Tailwind’s base styles.
Is this an intentional design decision in Tailwind’s preflight normalization, or an undocumented side effect?
Expected Behavior
In native HTML (without CSS resets), textarea elements are typically resizable in both directions (browser-dependent default behavior), or at minimum should not be constrained unless explicitly styled.