Skip to content

ContextualHelpTrigger with isUnavailable=false cannot be selected in a Menu #8871

@godatar

Description

@godatar

Provide a general summary of the issue here

When a ContextualHelpTrigger is used to wrap an Item in a Menu, that item is no longer able to be selected in the menu even if the isUnavailable prop is false -- the checkmark does not show up, even though the selection event is triggered. In the Menu docs, it says "Setting the isUnavailable prop on the ContextualHelpTrigger makes the menu item unavailable" and it accepts a boolean, which suggests that the checkmark should appear if isUnavailable is false.

🤔 Expected Behavior?

When isUnavailable is false, clicking the Item in the Menu should show a checkmark on the Item

😯 Current Behavior

When isUnavailable is false, clicking the Item in the Menu does not show a checkmark

💁 Possible Solution

No response

🔦 Context

We have a menu item that is conditionally disabled based on the other items that are selected in the menu.

🖥️ Steps to Reproduce

https://codesandbox.io/p/sandbox/react-spectrum-template-syueo

Version

3.42.2

What browsers are you seeing the problem on?

Chrome

If other, please specify.

No response

What operating system are you using?

Mac OS

🧢 Your Company/Team

Adobe/Content Production Engineering

🕷 Tracking Issue

No response

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions