Ability to disable certain children in a trigger

[qthedoc]

Feature request

Summary

It would be nice to disable certain nested child elements in a trigger. for example if the trigger has a menu in it. Encountered with Tabs triggers.

Examples in other libraries

I'm sure there are many ways to implement this. you could have a set of props I can pass to disable a child of a trigger?

Motivation

E.g. I ran across this when using Tabs to make a GoogleSheet style interface where each tab contained the title of the table but also a trigger that opened a Menu with options for that tab (like delete, rename). Ideally you can open the menu of a tab without selected it as the 'active tab'. I tried many workarounds like stopPropagation and preventDefault in the menu trigger but then the Menu wouldn't open. I ended up just not using the Tabs components and going DIY which wasn't too bad.

[michaldudak]

You shouldn't have nested interactive elements. In other words, a tab can't have a button inside. See https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Reference/Roles/tab_role#all_descendants_are_presentational