Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Mask Control Causes Hydration Error in SSR (Nuxt) #1245

Open
hecktarzuli opened this issue Mar 7, 2024 · 2 comments
Open

Mask Control Causes Hydration Error in SSR (Nuxt) #1245

hecktarzuli opened this issue Mar 7, 2024 · 2 comments
Labels
🐛 bug Verified bug by team 🟡 priority-2 2. Medium priority issue Pro Pertains to FormKit Pro

Comments

@hecktarzuli
Copy link

hecktarzuli commented Mar 7, 2024 •
edited
Loading

Reproduction

http://not-revealing-pro-license.net

Describe the bug

If you use a mask control with a prefix, the server version doesn't seem to have the prefix while client does which causes hydration issues. It seems related to reverse

FormKit(mask='{#,##|repeat}#.##' prefix='$ ' reverse type='mask')

image

Environment

Formkit 1.5.9
Formkit Pro 0.117.7
Chrome 122.0.6261.94
@hecktarzuli hecktarzuli added ⛑ Needs triage The issue has not yet been examined by the FormKit team. 🐛 bug-report Bug is reported, but not verified by team labels Mar 7, 2024
@hecktarzuli hecktarzuli changed the title Mask Control Causes Hydration Error in SSR Mask Control Causes Hydration Error in SSR (Nuxt) Mar 7, 2024
@justin-schroeder
Copy link
Member

Yeah. Vue 3.4 did us dirty haha 😂 previously attributes did not cause hydration errors and now they do. We’ll get this patched 👍

@justin-schroeder justin-schroeder added 🐛 bug Verified bug by team 🟡 priority-2 2. Medium priority issue Pro Pertains to FormKit Pro and removed 🐛 bug-report Bug is reported, but not verified by team ⛑ Needs triage The issue has not yet been examined by the FormKit team. labels Mar 11, 2024
@TimDirks TimDirks mentioned this issue Mar 12, 2024
Closed
@kswedberg
Copy link

Is this related to #894 ?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
🐛 bug Verified bug by team 🟡 priority-2 2. Medium priority issue Pro Pertains to FormKit Pro
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
3 participants
@kswedberg @justin-schroeder @hecktarzuli