Skip to content

Conversation

@Homaid
Copy link
Contributor

@Homaid Homaid commented Nov 4, 2025

Resolves #1014
Mobile accessibility options don't visually deselect when untoggled

Changes

  • Wrapped hover styles in @media (hover: hover) and (pointer: fine) to prevent sticky hover states on touch devices
  • Modified src/components/Dropdown/styles.module.scss

Testing

  • Tested on mobile devices accessibility toggles now properly show selected/unselected states
  • Desktop hover functionality remains unchanged

wendyyuchensun

This comment was marked as duplicate.

Copy link
Collaborator

@coseeian coseeian left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Others LGTM.

border: 1px solid var(--accent-color);
background-color: var(--accent-type-color);
color: var(--accent-color);
@media (hover: hover) and (pointer: fine) {
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please align coding style in this file and fix indention of L23.

color: var(--accent-color);
}
}

Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Please remove empty line that is not necessary.

@coseeian
Copy link
Collaborator

coseeian commented Nov 5, 2025

Hi @ksen0,

I've tested these changes locally and can confirm they resolve the issue reported in #1014.

When you have a moment, would you mind reviewing the implementation (aside from the coding style issue mentioned above, which I think @Homaid will handle)?

Thanks for your time!

@Homaid
Copy link
Contributor Author

Homaid commented Nov 5, 2025

Thank you for your review @coseeian :) I've fixed the pr as per you comment!!!!

Copy link
Collaborator

@coseeian coseeian left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

LGTM, thanks. Let's just wait for p5.js Project Lead to weigh in.

@ksen0
Copy link
Member

ksen0 commented Nov 7, 2025

Thank you, both!

@ksen0 ksen0 merged commit e40a382 into processing:main Nov 7, 2025
4 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mobile menu accessibility options don't visually deselect when untoggled

4 participants