QwikDev / qwik

Instant-loading web apps, without effort
https://qwik.dev
MIT License
20.83k stars 1.31k forks source link

[🐞] Odd render behavior (reactivity) #2930

Closed tuurbo closed 1 year ago

tuurbo commented 1 year ago

Which component is affected?

Qwik Runtime

Describe the bug

It seems some useStore values don't update the dom correctly / consistently.

video: https://www.loom.com/share/f8f98dead0bf4ea8beeae9cdf89301d4 repo: https://github.com/tuurbo/qwik-form-test/tree/errors

Reproduction

https://stackblitz.com/edit/github-1c5brg?file=src%2Froutes%2Findex.tsx,src%2Fcomponents%2Fpretty-print%2Fpretty-print.tsx

Steps to reproduce

No response

System Info

stackblitz

-- or --

System:
    OS: Windows 10 10.0.19045
    CPU: (20) x64 12th Gen Intel(R) Core(TM) i9-12900HK
    Memory: 13.29 GB / 31.68 GB
  Binaries:
    Node: 18.12.1 - C:\Program Files\nodejs\node.EXE
    Yarn: 1.22.19 - C:\Program Files\nodejs\yarn.CMD
    npm: 8.19.2 - C:\Program Files\nodejs\npm.CMD
  Browsers:
    Edge: Spartan (44.19041.1266.0), Chromium (109.0.1518.69)
    Internet Explorer: 11.0.19041.1566
  npmPackages:
    @builder.io/qwik: 0.17.5 => 0.17.5
    @builder.io/qwik-city: 0.1.1 => 0.1.1
    undici: 5.18.0 => 5.18.0
    vite: 4.1.1 => 4.1.1

Additional Information

No response

stackblitz[bot] commented 1 year ago

Fix this issue in StackBlitz Codeflow Start a new pull request in StackBlitz Codeflow.

tuurbo commented 1 year ago

I trimmed the code down and made a new video

video: https://www.loom.com/share/14bc7bbc5a914980802c5b7ced1e55d7

stackblitz: https://stackblitz.com/edit/github-pdm2zv?file=src%2Froutes%2Findex.tsx,src%2Fcomponents%2Fform%2Fform-helpers.tsx,src%2Fcomponents%2Fform%2Fform.tsx

repo: https://github.com/tuurbo/qwik-form-test/tree/slim2

tuurbo commented 1 year ago

@manucorporat I created an even simpler example that might be related to this issue https://stackblitz.com/edit/qwik-starter-j8es9c?file=src%2Froutes%2Findex.tsx