Skip to main content
Question

Menu items require two presses to activate onClick

  • July 21, 2026
  • 2 replies
  • 41 views
Pask
  • Pask
  • Participating Frequently

I work in an ItemView and have a simple use case as follows:

<MenuButton>
  <Menu>
    <MenuItem onClick={() => {/* Do something */}} />
  </Menu>
</MenuButton>

On desktop, clicking once on the menu item will trigger its `onClick`, while on mobile, the first press “selects” the menu, then a second press triggers the `onClick`.

Is this the expected behavior? I would have expected only a single press to be required.

    2 replies

    dvdsmpsn
    Forum|alt.badge.img+1
    • dvdsmpsn
    • Participating Frequently
    • July 21, 2026

    I’m guessing that the first press is treated as a hover, and the second gets the work done. 

    Pask
    • Pask
    • Author
    • Participating Frequently
    • July 21, 2026

    Maybe, but I find it strange that other components act correctly.

    For instance, the menu trigger requires a single press to open, the dropdown values require only a single press to select, etc.

    I only have this behavior with the menu items.

    Terms & ConditionsAccessibility statement