Всплывающая подсказка IconButton пользовательского интерфейса не отображается правильно

Question

В моем приложении ReactionJS я использую интерфейс материалов и таблицу реакции-загрузки.

В ячейке я использую 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

В вашей клетке наверняка есть css, в котором указано overflow: hidden. Вы можете отобразить всплывающую подсказку на портале , но в конечном итоге вы потеряете позицию своего элемента. Лучше переопределить ячейку таблицы CSS

В проблеме, связанной с GitHub:

Я исправил это, добавив style = {{overflow: 'visible'}} к TableRowColumn, в котором находится IconButton.