Skip to content

Wrong cursor for dropdown type in navbar #8485

@ArthurFlag

Description

@ArthurFlag

Have you read the Contributing Guidelines on issues?

Prerequisites

Description

recording.mov

Create a dropdown entry in the navbar with to or href links, for example:

  {
            label: "Dropdown",
            type: "dropdown",
            position: "left",
            items: [
              {
                label: "Test API",
                to: "/a-link"
              },
              {
                label: "Test API 2",
                to: "/a-link"
              }
            ]
          }

In this case the cursor when hovering over the dropdown is a text cursor instead of a pointing finger.

Reproducible demo

https://codesandbox.io/s/wonderful-leaf-wwdzee?file=/docusaurus.config.js

Steps to reproduce

  1. Have a dropdown in the navbar.
  2. Switch to table width or similar.

Expected behavior

All clickable elements, typically links, should have the same cursor.

Actual behavior

Cursor turns into text selection cursor.

Your environment

No response

Self-service

  • I'd be willing to fix this bug myself.

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugAn error in the Docusaurus core causing instability or issues with its executionstatus: needs more informationThere is not enough information to take action on the issue.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions