如何仅在激活省略号时显示工具提示？

Question

我正在使用 Chakra UI（工具提示和省略号）我已添加工具提示以完全显示标题上的标签，但我只想在激活省略号时显示工具提示！

例如，在正常情况下，我不希望文本上有 Tooltip 组件，但只有当有省略号时才需要。

感谢您的帮助，谢谢

<Tooltip label="this is an example for a long text">
    <Text
     style={{
    whiteSpace: 'nowrap',
    overflow: 'hidden',
    textOverflow: 'ellipsis',
        }}
        >
    this is an example for a long text
        </Text>
        </Tooltip>

Answer 1

您可以看到这个答案：HTML 文本溢出省略号检测

function isEllipsisActive(element) {
     return (element.offsetWidth < element.scrollWidth);
}