Repository navigation
feat: reflect readonly/disabled at ion-textarea #30911
Description
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
Activity
thetaPC commentedon Feb 5, 2026
Thank you for the feature request!!
@KillerCodeMonkey Could you elaborate of the need to reflect the
disabledprop when you can target textarea with the disabled class:.textarea-disabled?KillerCodeMonkey commentedon Feb 6, 2026
@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 commentedon Feb 6, 2026
@KillerCodeMonkey Thank you for clarifying! I'll let the team know.
thetaPC commentedon Feb 11, 2026
Thanks for the request! This has been resolved via your PR #30910 and will be available in v8.8.
thetaPC commentedon Mar 19, 2026
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 commentedon Apr 18, 2026
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.