Skip to content

Overlap on a Navbar Dropdown #2227

Closed
Closed
@lauragift21

Description

@lauragift21
  • I confirm that this is an issue rather than a question.

Bug report

When one clicks on several options in the navbar, their drop-down menu options overlap.

Steps to reproduce

IMG
Screenshot 2020-03-17 at 12 12 23 PM

If you are reporting a bug that can ONLY be reproduced on your repository, PLEASE provide this repo link. That takes guessing work out of the way and saves us time.

This can be reproduced on any vuepress site with navbar items included.

What is expected?

I should be able to configure the navbar in such a way that this overlap is avoided. It sometimes takes a few secs to get out of this situation when it occurs. Also helpful if there's a way to disable focus on the parent navbar item.

What is actually happening?

When I click on several navbar items with dropdown I get this behavior where all dropdown overlaps.

Other relevant information

  • Output of npx vuepress info in my VuePress project:
Environment Info:

  System:
    OS: macOS Mojave 10.14.5
    CPU: (8) x64 Intel(R) Core(TM) i5-8279U CPU @ 2.40GHz
  Binaries:
    Node: 13.9.0 - ~/.nvm/versions/node/v13.9.0/bin/node
    Yarn: 1.22.0 - /usr/local/bin/yarn
    npm: 6.13.7 - ~/.nvm/versions/node/v13.9.0/bin/npm
  Browsers:
    Chrome: 80.0.3987.132
    Firefox: 73.0.1
    Safari: 12.1.1
  npmPackages:
    @vuepress/core:  1.2.0
    @vuepress/theme-default:  1.2.0
    vuepress: ^1.2.0 => 1.2.0
  npmGlobalPackages:
    vuepress: Not Found

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions