HPP error removal after input change not working
I'm having a problem with the HPP error removal. I have both client and server side validation. These are the steps to reproduce:
1. When the user enters a wrong credit card, or leaves any field empty (like the cvv or the expiration date), he submits the form -> then the fields are highlighted, and there is message under each field (Correct)
2. The user adds the missing cvv, the expiration date, and corrects the credit card number -> The fields remain highlighted and with the error message underneath until the form gets submitted (Not correct: error highlight and messages sould disappear after they have been filled, since it's FE validation)
3. If I even create styles for the messages underneath, with a wrapper box for the message, once the user submits and eveyrhing's correct, the boxes still appear under each field that contained an error before, but there is no message!! And I found no absolute way to remove them!! (Not correct)
Does anyone have an idea of how this could be tackled?? I already tried:
1. Getting the elements that have the 'error-field' class, to apply a dynamic display: none -> I can't access the iframe....
2. Remove my box styling for individual messages -> Still doesn't solve the highlighting error...
3. Refresh the hpp form before submitting it again to clear previous errors -> It doesn't keep previous data, and doesn't show any errors at all
4. Tried to find any other fuction/event/documentation about this topic, and found absolutely nothing...
Thanks very much in advance! I attach some pictures so that you see what's going on: