Flag not selected on node editing form forces user to re-select

@kerasai, I was still seeing this issue during my tests of 🐛 Doesn't work with multiple phone fields Needs work .

This is the last holdout for a rc2 and 📌 Release 2.0.0 Needs review .

Tested this issue in a 10.4.7 site with both telephone_validation and and telephone_international_widget modules enabled.

Followed the steps to reproduce and I was not able to reproduce the bug under different circumstances.

Attached screen record for reference. https://www.drupal.org/files/issues/2025-05-20/3302638.mp4 →

I think we can mark this issue as fixed. Marking as RTBC for now :)

In your video, you type the exit code and country code into the field, rather than select the flag. I was able to reproduce this bug by selecting the flag.

After some trial and error with @jcandan, we found that the bug only happens if the phone field is not affected during the edit phase.

If the form element validation is triggered, either modifying the value or just focusing the form element, the country code is moved to the textfield and validation works as expected

MR created

Tests added to the MR.

@plopesc, thanks for your work on this.

Your test correctly failed prior to the fix, and passes after the fix. I've refactored a bit, removing the AJAX adjustments and adjusted the conditional logic for persisting the country selection. Feel free to add an issue if you'd like to describe steps to reproduce the AJAX issue your team is experiencing.

MR !14 is ready for review. Will leave this open for a couple days to receive feedback, but this looks good to me.

Looks good to me.
Marking as RTBC as this will cover a high percentage of the use cases.

Our team will have to use an overridden version of the JS file in any case :)