小编the*_*bel的帖子

材质 UI 工具提示在具有溢出滚动的容器内无法正确显示

在我的reactJS应用程序中,我使用Material UI ToolTip列表和IconButton作为容器内的子divoverflow: 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 从容器中弹出而无需剪切?

html javascript css reactjs material-ui

4
推荐指数
1
解决办法
9059
查看次数

标签 统计

css ×1

html ×1

javascript ×1

material-ui ×1

reactjs ×1