Skip to content

Keyboard Navigation: Pressing Enter on Tutorial and Project Cards in Search Results Opens the Editor Instead of the Details Dialog #7038

Description

@Nina-1210

Describe the bug
When navigating the Search Results page using the keyboard, pressing Enter on a tutorial or project card opens the tutorial/project directly in the editor instead of opening the card's Details dialog.

Steps to reproduce the behavior:

  1. Navigate to Microsoft MakeCode for micro:bit.
  2. Press Tab to focus the Search button and press Enter.
  3. Enter a tutorial, example, or project name (for example, "heart") in the search box.
  4. Press Tab until focus reaches a tutorial or project card in the search results.
  5. Press Enter.
  6. Observe the behavior.

Actual behavior
Pressing Enter on a tutorial or project card opens the tutorial/project directly in the editor instead of opening the card's Details dialog.

Expected behavior
Pressing Enter on a tutorial or project card should open the card's Details dialog, consistent with the behavior of the Space key and standard keyboard accessibility expectations.

Screen Recording
https://github.com/user-attachments/assets/58a78631-8c60-4ec7-b7f4-970f314b85ed

Additional context
1.OS: Windows 11 25H2 & Mac Mini M2 macOS Tahoe 26.5.2
2.Browser: Chrome, Edge, Firefox, and Safari
3.makecode.microbit.org version: 9.0.3
4.Microsoft MakeCode version: 13.0.3

Metadata

Metadata

Assignees

No one assigned

    Type

    Fields

    No fields configured for Bug.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions