Skip to content

"Back to Editor" button clickable area limited to text only #4051

@skyash-dev

Description

@skyash-dev

p5.js version

No response

What is your operating system?

None

Web browser and version

No response

Actual Behavior

only the inline content inside the anchor (text + svg) is clickable.

Image

Expected Behavior

the entire button row (full width of the nav item) should be clickable.

Steps to reproduce

the “back to editor” button only responds to clicks on the text and icon, not the full button area. this creates a mismatch between visual affordance and actual interaction area.

Steps:

steps to reproduce

  1. open the web editor (https://editor.p5js.org/p5js/sketches).
  2. locate the “back to editor” button in the navigation bar
  3. click on different parts of the button area:
  • directly on the text → works
  • directly on the icon → works
  • empty space around the text/icon within the same row → does not work

Snippet:

client/styles/components/_nav.scss

.nav__back-link {
   display: flex;
+ align-items: center;
+  width: 100%;
+  height: 100%;
}

Metadata

Metadata

Assignees

No one assigned

    Labels

    Awaiting Maintainer ApprovalNeeds review from a maintainer before moving forwardBugError or unexpected behaviors

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions