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.
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
- open the web editor (https://editor.p5js.org/p5js/sketches).
- locate the “back to editor” button in the navigation bar
- 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%;
}
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.
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
Snippet:
client/styles/components/_nav.scss