Skip to content

Wrong cursor for dropdown type in navbar #8485

Open
@ArthurFlag

Description

Have you read the Contributing Guidelines on issues?

Prerequisites

  • I'm using the latest version of Docusaurus.
  • I have tried the npm run clear or yarn clear command.
  • I have tried rm -rf node_modules yarn.lock package-lock.json and re-installing packages.
  • I have tried creating a repro with https://new.docusaurus.io.
  • I have read the console error message carefully (if applicable).

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

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