Description
Increasing Access
It makes the UI confusing when elements have a hover effect but don't do anything when clicked.
Feature enhancement details
Steps:
- Go to https://editor.p5js.org/p5/sketches/3D:_basic_shader
- Hover over the title "3D: basic shader" in the toolbar
The title appears pink when hovered and shows the cursor: pointer👆 instead of the arrow. It looks like you can click it -- but clicking it doesn't do anything. We use the same hover effect on the user's own project, where clicking the title turns it into an editable input. The title is not editable on other people's projects, so the title should not show any interaction when hovered.
We can fix it by adding pointer-events: none to the CSS. We can probably apply that sitewide to all disabled buttons? I'm always nervous to change anything globally which could have unintended consequences. So it may be better to add that CSS just to this one button.
button:disabled {
pointer-events: none;
}