Parallel Route - Navigation fails to clear slot

[dalalmj]

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

Operating System:
      Platform: darwin
      Arch: x64
      Version: Darwin Kernel Version 22.3.0: Mon Jan 30 20:42:11 PST 2023; root:xnu-8792.81.3~2/RELEASE_X86_64
    Binaries:
      Node: 16.17.0
      npm: 9.1.3
      Yarn: 1.22.18
      pnpm: N/A
    Relevant packages:
      next: 13.3.1-canary.3
      eslint-config-next: N/A
      react: 18.2.0
      react-dom: 18.2.0

Which area(s) of Next.js are affected? (leave empty if unsure)

No response

Link to the code that reproduces this issue

https://github.com/dalalmj/prtest2

To Reproduce

Using parallel route to display list detail view. List = base route. Detail = @detail, parallel route. This allows user to see list while getting details either in modal or below or to right of list. After detail is display in slot, when navigating back to list, the slot is not cleared.

Run, click List link.
Click on 1
Click on Close
Still show details of 1

Describe the Bug

When showing slot (parallel route), slot does not get cleared if URL does not match.

Expected Behavior

When showing slot (parallel route), slot should get cleared if URL does not match.

Which browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

[feedthejim]

this is on purpose, we don't clear parallel routes if they don't match on the server. What you want to do is use a [...catchAll] route in your parallel route when you want to "hide" a route. Will make sure this is explained in the docs.

[Yukioru]

Here's a similar issue with a parallel route that should only show up on one page but not the others.

In my case, it will not be possible to use the [...catchAll] route, because it will never be called.

Without ...catchAll:
Repo: https://github.com/Yukioru/next-parallel-routes-bug
Demo: https://next-parallel-routes-bug.vercel.app/ (Updated to canary.8)

With ...catchAll and add /demo page:
Repo: https://github.com/Yukioru/next-parallel-routes-bug/tree/catchAll
Demo: https://next-parallel-routes-a9c96ehaw-yukioru.vercel.app/ (Updated to canary.8)

By the way, the documentation for parallel routes does not say anywhere about using [...catchAll] or other ways to clear the slot.

[feedthejim]

@Yukioru good news this is fixed by #48424 I think

[dalalmj]

Just tested with latest canary (8), it is now works as is, not need for [...catchAll] route

[dalalmj]

BTW, can someone have a look at related issue #48122, Parallel route navigation fails when prefetch is set to false.

[Yukioru]

Just tested with latest canary (8), it is now works as is, not need for [...catchAll] route

For my case - I will wait for a fix. In canary.8 the behavior is the same (which makes sense).

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.