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

  • Check if you're on the latest VitePress version.
    Follow our Code of Conduct
    Read the docs.
    Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

Activity

added
themeRelated to the theme
and removed on Nov 12, 2024
brc-dd

brc-dd commented on Nov 12, 2024

@brc-dd
Member

--vp-sidebar-width should be 0 when there is no sidebar

harsssh

harsssh commented on Nov 12, 2024

@harsssh
Author

I'd like to work on fixing this bug. May I take this on?

brc-dd

brc-dd commented on Nov 12, 2024

@brc-dd
Member

Yeah sure! Thanks.

added
contribution welcomeThe team would welcome a contribution from the community for this issue
on Nov 12, 2024
yuxi-ovo

yuxi-ovo commented on Nov 28, 2024

@yuxi-ovo

Because he hasn't been active for too long, I completed this task. Please help me. Thank you

yuxi-ovo

yuxi-ovo commented on Nov 29, 2024

@yuxi-ovo

@brc-dd Please take a look at my PR.#4393 You will be satisfied. Thank you

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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

      Participants

      @brc-dd@harsssh@yuxi-ovo

      Issue actions

        Local navigation dropdown misplaced without sidebar · Issue #4359 · vuejs/vitepress