[terra-form-textarea] Theming animation to appear above text

Feature Request

Description

Currently the focus/active animation available in theming is using the background image, which for textarea when there is long text and it wraps within the textarea box, the text contents of the textarea appear over the animation bar. Request is to spike to see if animation bar could be an :after element and appear above the text (essentially masking it like an additional border.

Additional Context / Screenshots

[JakeLaCombe]

I was looking at the CSS stylings for the after element, and it’s looking like you can only use those pseudo elements for container elements, like div’s and paragraphs. You can view here for more information: https://stackoverflow.com/questions/2587669/can-i-use-a-before-or-after-pseudo-element-on-an-input-field

The other option is to wrap the textarea inside a div, add a span tag that is the animation bar, and make that positioned absolutely. However, last time I tried that, the horizontal bar would be 100% of it’s entire container, as expanding with the gripper would not automatically resize that bar without javascript. In addition, there is no event that ties onto resizing with the gripper, so it’s hard to resize the gripper bar.

[stale[bot]]

This issue has been automatically marked as inactive because it has not had recent activity. It will be closed in seven days if no further activity occurs. Thank you for your contributions.