代码之家  ›  专栏  ›  技术社区  ›  Felix

材质UI图标按钮工具提示未正确显示

  •  0
  • Felix  · 技术社区  · 6 年前

    在我的ReactJS应用程序中,我使用Material UI和React引导表。

    在一个单元格中,我使用材质用户界面 IconButton 这样地:

     <IconButton tooltip={t('tooltips:editRegulation')} tooltipPosition={'left'}
         onClick={() => this.props.history.push("/pms-records/edit/" + row.pmsFindingId)}>{cell}}>
         <FontIcon className="fa fa-pencil" aria-hidden="true"/>
     </IconButton>
    

    结果是:

    enter image description here

    工具提示由表格单元格边框剪切。我试图改变 z-index 读下面这个: https://github.com/mui-org/material-ui/issues/5912

    但没有解决办法。

    有什么提示吗?

    提前谢谢

    1 回复  |  直到 6 年前
        1
  •  1
  •   Mosè Raguzzini    6 年前

    你的手机肯定有一个CSS overflow: hidden . 可以在 portal 但你最终会失去元素的位置。 最好重写表格单元格css

    在Github链接的问题中:

    我通过将style=overflow:'visible'添加到 IConButton所在的TableRowColumn。