Keep the tooltip open when the cursor hovers over tooltip.content

[slawomirdev]

Hello !
I have created my own component based on Radix Tooltip.
I would like to ask if it is possible to keep the tooltip open when hovering over Tooltip.Content?
I couldn't find any proper information anywhere, so I'm asking here.
I am currently using version 0.1.7

import React, {FC} from 'react';
import { Root, Trigger, Arrow, Content} from '@radix-ui/react-tooltip';
import style from './style.module.scss';
import {TooltipType} from "./types";
import classNames from 'classnames';

const Tooltip: FC<TooltipType> = ({
    children,
    text,
    placement = "top",
    align= "center",
    delay = 300,
    arrowOffset = 0,
    contentOffset = 8,
    contentClassName = "",
    open,
    enabled = true,
}) => {
    return (
       <>
            {text && enabled ? (<Root delayDuration={delay} open={open}>
                <Trigger asChild>
                    {children}
                </Trigger>
                <Content side={placement} align={align} sideOffset={contentOffset} className={classNames(style.tooltipContent, contentClassName)}>
                    {text}
                    <Arrow offset={arrowOffset}/>
                </Content>
        </Root>) : <>{children}</>}
        </>
    );
}

[benoitgrelard]

Hey @thewilkupl, this is already tracked in #620 and in fact is last thing we're working on before we are able to release v1.

[slawomirdev]

thanks for your answer