Ion-textarea padding start not working

Ionic Framework Ionic Angular
1

—padding-start seems not working in ion-textarea. (padding top and bottom still working)
I am using ionic 7.

<ion-textarea dir="ltr" mode="ios" [rows]="1" [autoGrow]="true" [autofocus]="true" value="Enter Message" class="message-input"></ion-textarea>

.message-input {
    --background: var(--ion-color-light);
    --border-radius: 10px;
    --padding-start: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;
}

image
image872×218 7.89 KB

2

Try using:

--inner-padding-start: 10px;
4

thanks, but that still doesn’t work :smiling_face_with_tear: