The element nextjs-portal affects other elements on the site

[martinsione]

Link to the code that reproduces this issue

https://github.com/martinsione/nextjs-portal-bug-repro

To Reproduce

1. Start the application in development
2. You should see how nextjs portal has side effects when it pops up

Current vs. Expected behavior

Current Behaviour	Expected behaviour

Provide environment information

Operating System:
  Platform: darwin
  Arch: arm64
  Version: Darwin Kernel Version 23.6.0: Mon Jul 29 21:14:30 PDT 2024; root:xnu-10063.141.2~1/RELEASE_ARM64_T6000
  Available memory (MB): 16384
  Available CPU cores: 10
Binaries:
  Node: 20.12.2
  npm: 10.8.1
  Yarn: 1.22.22
  pnpm: 9.10.0
Relevant Packages:
  next: 15.0.0-canary.173 // Latest available version is detected (15.0.0-canary.173).
  eslint-config-next: 15.0.0-canary.173
  react: 19.0.0-rc-3edc000d-20240926
  react-dom: 19.0.0-rc-3edc000d-20240926
  typescript: 5.6.2
Next.js Config:
  output: N/A

Which area(s) are affected? (Select all that apply)

Developer Experience

Which stage(s) are affected? (Select all that apply)

next dev (local)

Additional context

No response

[samcx]

@martinsione I'm not able to replicate this with the . Are you sure the is exactly how it was for the screenshot?

[martinsione]

@samcx I think you are replicating it correctly. If you delete the nextjs-portal (using devtools) element you'll see how element 2 is pushed to the bottom as it should be (right picture).