css - Material UI IconButton 工具提示未正确显示

Question

在我的 reactJS 应用程序中，我使用 Material UI 和 react-bootstrap-table。

在单元格中，我像这样使用 Material UI 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>

结果是这样的:

工具提示被表格单元格边框切割。我尝试更改 z-index 并阅读以下内容:https://github.com/mui-org/material-ui/issues/5912

但是没有解决办法。

对我有什么提示吗？

提前致谢

Answer 1

您的单元格肯定有一个声明 overflow: hidden 的 css。您可以在 portal 中呈现工具提示但你最终会失去元素的位置。 最好覆盖表格单元格 CSS

在 GitHub 链接问题中:

I got it fixed by adding style={ { overflow: 'visible' } } to the TableRowColumn that IconButton resides in.