Issue: setting placeholder-color is applied successfully on initial load. But when the hint value is updated dynamically via binding the placeholder-color is reset to the default one and the CSS value is not applied on iOS (works as expected on Android).

Steps to reproduce:

• use this test application or follow these steps

• set the placeholder-color via CSS

.form-input {
    color: red;
    placeholder-color: blue;
}

• the hint is dynamically changed

<Button text="change hint" tap="onChangeHint" />
<!-- dynamically chaning the binded value will not apply the placeholder-color on iOS (works on Android) -->
<TextField class="form-input" hint="{{ hint }}" autocapitalizationType="none" autocorrect="false" keyboardType="email" returnKeyType="next">
</TextField>

• in the code behind change the hint value dynamically

export function onChangeHint() {
    vm.set("hint", "NEW HINT VALUE");
}

Result: on iOS after the hint value is changed, the placeholder-color is lost.

Related to #4458

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.