Mask does not fulfill browser's autofill

[Josh]

Reproduction

https://formkit.link/978f07a55b4182dc9d04647c1b664692

Describe the bug

Description

When using the mask component and when autofill is enabled in the Chrome browser (you may need to turn off 1Pass autofill), then you will not be able to autofill using pre-saved browser data. If you have a submit button, it will clear the input.

Working when typing it in

Screen.Recording.2024-04-17.at.9.40.46.AM.mov

Not working when using browser's autofill

Screen.Recording.2024-04-17.at.9.41.03.AM.mov

Reproduction steeps

1. Make sure autofill is enabled in Chrome (turn off 1pass/other if necessary)
2. Fill out form, click submit
3. Either refresh and/or click into form and select pre-filled entry
4. Observe autofill may fill in entry
5. Observe val does not appear in node (val is possibly still '')
6. Click submit and form resets

Expected behavior

Input should react with an updated value when autofill is used

Environment

• OS: [e.g. iOS]
Sonoma 14.1 M1
• Browser [e.g. chrome, safari]
Chrome 123.0.6312.124
• Version [e.g. 22]
See formkit link