feat: reflect readonly/disabled at ion-textarea

[KillerCodeMonkey]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already include this feature request, without success.

Describe the Feature Request

Currently readonly and disabled props of ion-textareas are not reflected at the host element like they are for ion-inputs.

This is inconsistent and makes it hard to select readonly/disabled textareas (css, query).

Describe the Use Case

Style all disabled/readonly ion-textarea (not only the native textarea elements.

Disabled ones have a special predefined css class by ionic, but readonly not.

Describe Preferred Solution

just reflect those properties at the host element

Describe Alternatives

No response

Related Code

No response

Additional Information

No response

[thetaPC]

Thank you for the feature request!!

@KillerCodeMonkey Could you elaborate of the need to reflect the disabled prop when you can target textarea with the disabled class: .textarea-disabled?

ion-textarea.textarea-disabled {
    background: red;
}

[KillerCodeMonkey]

@thetaPC in general in our case we only need the readonly prop.
but for consistency why not reflect the same props as for inputs?.

Maybe in a future version there is than no need for ionic to have those additional css classes, when you could have styled it by the native attributes.
It would be more straight forward and easier to "learn" :)

[thetaPC]

@KillerCodeMonkey Thank you for clarifying! I'll let the team know.

[thetaPC]

Thanks for the request! This has been resolved via your PR #30910 and will be available in v8.8.

[thetaPC]

Great news! This feature is now live in v8.8. I'm closing this issue, but please update your version to check it out.

[ionitron-bot]

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.