Hej to pytanie dotyczy konkretnej biblioteki RadixUI (https://www.radix-ui.com/). Tutaj (https://www.radix-ui.com/primitives/docs/guides/composition) jest opisane jak zagniezdzac Modal/Dropdown z Tooltipem. Chce stworzyc button
ktory ma tooltip i ktory otwiera dropdown, a ten dropdown sam w sobie ma buttony ze swoimi tooltipami. Mam taki kod:
const MyButton = forwardRef((props: any, forwardedRef: any) => (
<button {...props} ref={forwardedRef} />
));
let btn = (
<Popover.Root>
<Tooltip.Provider>
<Tooltip.Root>
<Tooltip.Trigger asChild>
<Popover.Trigger asChild>
<MyButton>Button with tooltip</MyButton>
</Popover.Trigger>
</Tooltip.Trigger>
<Tooltip.Content>Content</Tooltip.Content>
</Tooltip.Root>
</Tooltip.Provider>
<Popover.Portal>
<Popover.Content>
<Tooltip.Provider>
<Tooltip.Root>
<Tooltip.Trigger asChild>
<MyButton>Nested button with tooltip 1</MyButton>
</Tooltip.Trigger>
<Tooltip.Content>Tooltip nested1</Tooltip.Content>
</Tooltip.Root>
</Tooltip.Provider>
<Tooltip.Provider>
<Tooltip.Root>
<Tooltip.Trigger asChild>
<MyButton>Nested button with tooltip 2</MyButton>
</Tooltip.Trigger>
<Tooltip.Content>Tooltip nested2</Tooltip.Content>
</Tooltip.Root>
</Tooltip.Provider>
</Popover.Content>
</Popover.Portal>
</Popover.Root>
);
return btn;
);
I problem polega na tym ze w momencie w ktorym otwieram dropdown, tooltip dla pierwszego buttonu z tego dropdownu automatycznie sie otwiera (drugi poprawnie sie nie otwiera). Czy ma ktos pomysl o co moze chodzic?