Using FileTrigger in Menu

[prabirshrestha]

Provide a general summary of the feature here

I would like to invoke file trigger via a menu item.

🤔 Expected Behavior?

FileTrigger should be allowed for the menu item.

😯 Current Behavior

UI doesn't render correctly since it needs a pressable. I can add a button but then it won't render correctly.

<Item key="uploadFiles" textValue="Upload files">
  <FileTrigger>
    <ActionButton isQuiet>Upload files</ActionButton>
  </FileTrigger>
</Item>

💁 Possible Solution

Make isQuiet ActionButton render correctly when in Menu so it looks like any other menu item.

🔦 Context

Required for uploading a file via menu without showing a dialog or an extra button.

💻 Examples

No response

🧢 Your Company/Team

No response

🕷 Tracking Issue

No response

[prabirshrestha]

I did find a workaround. Seems like you can create a FileTrigger with hidden ActionButton outside of the menu and add onMenuAction which will click the action button via uploadFilesRef.current?.UNSAFE_getDOMNode().click();. Might be just need a documentation update?

[LFDanLu]

The MenuItem doesn't support a button as its contents for accessibility reasons (interactive child elements aren't supported) hence the weird rendering. Your workaround seems like the right way to go about it, we can certainly look into adding docs for this.