bug: regression: `ion-textarea` does not follow `dir`

[AmitMY]

Prerequisites

• [X] I have read the Contributing Guidelines.
• [X] I agree to follow the Code of Conduct.
• [X] I have searched for existing issues that already report this problem, without success.

Ionic Framework Version

v8.x

Current Behavior

an ion-textarea with dir="auto" for Hebrew and Arabic, i son the left:

Expected Behavior

until a few weeks ago, it was on the right:

Steps to Reproduce

  <ion-textarea
    id="mobile"
    rows="1"
    dir="auto"></ion-textarea>

Code Reproduction URL

https://github.com/sign/translate

Ionic Info

Ionic:

Ionic CLI : 7.2.0

Utility:

cordova-res : 0.15.4 native-run : 2.0.1

System:

NodeJS : v22.0.0 npm : 10.5.1 OS : macOS Unknown

Additional Information

Current version 8.2.0

[brandyscarney]

Thank you for the issue! Could you please provide a minimal reproduction of the issue? It's hard to see the problem when it is inside of an application. I have created a StackBlitz example here that you could fork and edit to show the problem: https://stackblitz.com/edit/mcqhu5?file=index.html

Alternatively, you can open a StackBlitz from any of our textarea documentation demos, fork them and modify them to show the problem. Thank you. 🙂

[ionitron-bot[bot]]

Thanks for the issue! This issue has been labeled as needs reproduction. This label is added to issues that need a code reproduction.

Please reproduce this issue in an Ionic starter application and provide a way for us to access it (GitHub repo, StackBlitz, etc). Without a reliable code reproduction, it is unlikely we will be able to resolve the issue, leading to it being closed.

If you have already provided a code snippet and are seeing this message, it is likely that the code snippet was not enough for our team to reproduce the issue.

For a guide on how to create a good reproduction, see our Contributing Guide.

[AmitMY]

hi @brandyscarney ! long time

in this picture, it is auto, rtl, and auto. the first line should behave like the second.

but dir=auto does not propagate to the child element

Please see https://stackblitz.com/edit/mcqhu5-2q1unz?file=index.html

[brandyscarney]

Hey @AmitMY! It has been, good to see your name pop up! Sorry for taking so long to get back to you. I was on vacation last week. 🙂

Thanks for the updated StackBlitz. Do you remember when this regression started? Was it after a version update? I am seeing the same thing on v7: https://stackblitz.com/edit/mjxbz3?file=index.html

[AmitMY]

Not sure, possibly it was in ionic 6. I have a screenshot service for my app (fastlane etc) and the current/expected behavior images are from it. that's where i noticed the bug.

Regardless of being a regression then, it is still a bug in v8 :(