Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

No keyboard interaction possible with checkbox component in MS Edge #34

Open
boenkemeyer opened this issue Jun 26, 2024 · 2 comments
Open
Labels
bug Something isn't working

Comments

@boenkemeyer
Copy link

Describe the bug

Toggling a checkbox with the spacebar does not work when using Microsoft Edge.

A regular checkbox would toggle when the control is focused and pressing the space bar. (see here: https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_type_checkbox)

When I focus the wa-checkbox and press space, the checkbox will be highlighted, but not toggled.

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://backers.webawesome.com/docs/components/checkbox with Microsoft Edge
  2. Select any checkbox
  3. Prace Space

Browser / OS

  • OS: Windows 11
  • Browser: Edge
  • Browser version: Version 126.0.2592.68 (Official build) (64-bit)
  • Screen Reader: n/a
@boenkemeyer boenkemeyer added the bug Something isn't working label Jun 26, 2024
@boenkemeyer boenkemeyer changed the title No keyboard interaction possible with checkbox component No keyboard interaction possible with checkbox component in MS Edge Jun 26, 2024
@claviska
Copy link
Member

This is working fine for me in the latest version of Edge. In fact, the component uses a native <input type="checkbox"> internally and we're not doing anything funny with key handlers, so I'm surprised you're seeing this behavior.

Do you have any browser extensions that might be causing this?

CleanShot 2024-06-26 at 09 09 19@2x

@KonnorRogers
Copy link
Collaborator

Tested on Windows 11 + Edge 126. Spacebar works for me. As @claviska , any browser extensions you have running that may be interfering?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

3 participants