在我的reactJS应用程序中,我使用Material UI ToolTip列表和IconButton作为容器内的子div项overflow: scroll。在特定行中,Material UI ToolTip 如下所示:
<ClickAwayListener onClickAway={handleTooltipClose}>
<Tooltip
PopperProps={{
disablePortal: true,
}}
onClose={handleTooltipClose}
open={open}
disableFocusListener
disableHoverListener
disableTouchListener
title={data}
arrow
>
<InfoOutlinedIcon
className={classes.root}
onClick={handleTooltipOpen}
/>
</Tooltip>
</ClickAwayListener>
Run Code Online (Sandbox Code Playgroud)
工具提示的位置和显示也不正确:
我无法在包含表格和 ToolTip 的 div 容器上使用overflow: visible;,因为我想要滚动行为,有什么方法可以使 ToolTip 从容器中弹出而无需剪切?