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.

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

[Bug]: Data Binding Not Updating with Number Input (AutoForm) #922

Open
2 tasks
Us3r-gitHub opened this issue Nov 27, 2024 · 1 comment
Open
2 tasks

[Bug]: Data Binding Not Updating with Number Input (AutoForm) #922

Us3r-gitHub opened this issue Nov 27, 2024 · 1 comment
Labels
autoform Automatically generate a form from Zod schema bug Something isn't working

Comments

@Us3r-gitHub
Copy link

Reproduction

https://github.com/Us3r-gitHub/Playground-Nuxt/tree/auto_form-data_binding

Describe the bug

The data binding for Vue reactivity does not update as expected.

Steps to Reproduce:

  1. Define a reactive variable in Vue.
  2. Define a zod schema.
  3. Create a component and register the Vue reactivity on it.
  4. Update the input value, and observe the behavior.

Expected Behavior:

The reactive variable should update automatically when the input value changes, reflecting the updated value in the component.

Actual Behavior:

The reactive variable does not update with the new value from the input and continues to use the initial value.

Screenshot

image
From the screenshot above, data binding works perfectly with the text input, but the issue occurs when using the number input.

System Info

System:
    OS: Windows 11 10.0.22631
    CPU: (8) x64 Intel(R) Core(TM) i5-9300H CPU @ 2.40GHz
    Memory: 10.12 GB / 23.85 GB
  Binaries:
    Node: 20.16.0 - E:\Program Files\nodejs\node.EXE
    Yarn: 1.22.22 - E:\Program Files\nodejs\yarn.CMD
    npm: 10.8.1 - E:\Program Files\nodejs\npm.CMD
    pnpm: 9.12.3 - E:\Program Files\nodejs\pnpm.CMD
    bun: 1.1.6 - ~\.bun\bin\bun.EXE
  Browsers:
    Edge: Chromium (127.0.2651.98)
    Internet Explorer: 11.0.22621.3527
  npmPackages:
    @vueuse/core: ^11.3.0 => 11.3.0
    nuxt: ^3.14.159 => 3.14.159
    radix-vue: ^1.9.9 => 1.9.9
    shadcn-nuxt: ^0.11.2 => 0.11.2
    vue: latest => 3.5.12

Contributes

  • I am willing to submit a PR to fix this issue
  • I am willing to submit a PR with failing tests
@Us3r-gitHub Us3r-gitHub added the bug Something isn't working label Nov 27, 2024
@Us3r-gitHub
Copy link
Author

It seems this issue is caused by this (inheritAttrs code).

What is it doing, and can we just remove it?"

@Us3r-gitHub Us3r-gitHub changed the title [Bug]: Data Binding Not Updating with Number Input [Bug]: Data Binding Not Updating with Number Input (AutoForm) Nov 27, 2024
@sadeghbarati sadeghbarati added the autoform Automatically generate a form from Zod schema label Nov 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
autoform Automatically generate a form from Zod schema bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants