bug: ion-textarea legacy padding does not work anymore

[andreas-aeschlimann]

Prerequisites

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

Ionic Framework Version

v7.x

Current Behavior

If you style an ion-textarea with --padding-top, the padding is applied in the :after part of the element. This means that the text cursor remains on the left top and will not go down even with a large padding.

Expected Behavior

Using --padding-*** CSS properties, the padding should be correctly set.

Steps to Reproduce

1. Create a legacy ion-textarea
2. Try to apply the CSS variable --padding-top: 1rem
3. There will be no padding

Code Reproduction URL

No response

Ionic Info

Ionic:

Ionic CLI : 7.0.1 (/opt/homebrew/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 7.0.2
@angular-devkit/build-angular : 15.2.6
@angular-devkit/schematics : 15.2.6
@angular/cli : 15.2.6
@ionic/angular-toolkit : 9.0.0

Capacitor:

Capacitor CLI : 4.7.3
@capacitor/android : 4.7.3
@capacitor/core : 4.7.3
@capacitor/ios : 4.7.3

Cordova:

Cordova CLI : not installed
Cordova Platforms : not available
Cordova Plugins : not available

Utility:

cordova-res : 0.15.4
native-run : 1.7.2

System:

NodeJS : v19.4.0 (/opt/homebrew/Cellar/node/19.4.0/bin/node)
npm : 9.2.0
OS : macOS Unknown
Xcode : Xcode 14.3 Build version 14E222b

Additional Information

No response

[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.