qwik icon indicating copy to clipboard operation
qwik copied to clipboard

[🐞] Components inside layouts not updating after a client-side SPA navigation in dev mode.

Open TeddyLourson opened this issue 1 year ago • 3 comments

Which component is affected?

Qwik Runtime

Describe the bug

In dev mode : Clicking on a Link tag disable hot reload on components imported inside a layout. (Updates in the layout itself works, changes in the active page works but changes in components imported in the layout won’t be shown in the browser). To get back to normal, you have to make a change to the layout’s HTML and then a change inside the components imported in the layout.

Note : This bug cannot be reproduced in the provided CodeSandbox (in the browser), you should try on your own dev server.

Reproduction

https://codesandbox.io/p/sandbox/tender-turing-ylwr7g

Steps to reproduce

  1. Click one of the Link element. (Make sure it is a Link this does not apply to native a tags)
  2. Make a change to a component imported inside the root layout and save.
  3. The change is not applied.

System Info

System:
    OS: macOS 13.0
    CPU: (8) arm64 Apple M1 Pro
    Memory: 64.34 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 18.16.0 - /usr/local/bin/node
    Yarn: 1.22.19 - ~/.yarn/bin/yarn
    npm: 9.6.7 - /opt/homebrew/bin/npm
    pnpm: 7.33.1 - ~/Library/pnpm/pnpm
  Browsers:
    Chrome: 114.0.5735.133
    Safari: 16.1
  npmPackages:
    @builder.io/qwik: ^1.1.5 => 1.1.5 
    @builder.io/qwik-city: ^1.1.5 => 1.1.5 
    undici: 5.22.1 => 5.22.1 
    vite: 4.3.9 => 4.3.9

Additional Information

Note : This bug cannot be reproduced in the provided CodeSandbox (in the browser), you should try on your own dev server.

TeddyLourson avatar Jun 27 '23 18:06 TeddyLourson