Skip to content

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

@TeddyLourson

Description

@TeddyLourson

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    TYPE: bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions