IT技术 - 材质 UI 工具提示在带有溢出滚动的容器内未正确显示 - 吾爱随笔录

在我的 reactJS 应用程序中，我使用带有 IconButton 的 Material UI ToolTip 列表作为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>

工具提示的位置也与显示不正确：

我不能overflow: visible;在包含表格和工具提示的 div 容器上使用，因为我想要滚动行为，有什么方法可以让工具提示从容器中弹出而不剪裁？

<Tooltip PopperProps={{ disablePortal: true, popperOptions: { positionFixed: true, modifiers: { preventOverflow: { enabled: true, boundariesElement: "window" // where "window" is the boundary } } } }} title={popperTitle} aria-label="add" >