Skip to content

Local navigation dropdown misplaced without sidebar #4359

@harsssh

Description

@harsssh

Describe the bug

When a site has no sidebar, the local navigation dropdown is incorrectly positioned.
It appears to be offset to the right by the sidebar width, even though there is no sidebar present.

@media (min-width: 960px) {
.items {
right: auto;
left: calc(var(--vp-sidebar-width) + 32px);
width: 320px;
}
}

Reproduction

https://stackblitz.com/edit/vite-dxfigx?file=docs%2F.vitepress%2Fconfig.ts

reproduction

Expected behavior

When there is no sidebar, the dropdown should still appear directly below the "On this page" text, aligned as shown in the image.

expected behavior

System Info

System:
  OS: macOS 14.2.1
  CPU: (8) arm64 Apple M2
  Memory: 140.70 MB / 8.00 GB
  Shell: 5.9 - /bin/zsh
Binaries:
  Node: 22.11.0 - ~/.asdf/installs/nodejs/22.11.0/bin/node
  Yarn: 1.22.22 - ~/.asdf/installs/nodejs/22.11.0/bin/yarn
  npm: 10.9.0 - ~/.asdf/plugins/nodejs/shims/npm
  bun: 1.1.33 - ~/.bun/bin/bun
Browsers:
  Chrome: 130.0.6723.117
  Safari: 17.2.1
npmPackages:
  vitepress: ^1.5.0 => 1.5.0

Additional context

No response

Validations

Metadata

Metadata

Assignees

No one assigned

    Labels

    contribution welcomeThe team would welcome a contribution from the community for this issuestalethemeRelated to the theme

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions