React-js MUI Tooltip 重疊 Popper

Question

我希望 MUI 工具提示位於 popper 的 MUI Popper 下方，應該與工具提示重疊。 如果我使用外部 css 覆蓋“MuiTooltip”或“MuiTooltip-popper”的 z-index，它將被全局應用，這是我不想要的。

有沒有辦法覆蓋工具提示或彈出器行為並僅修改某些部分的 z-index ？

沙盒： https ://codesandbox.io/s/tooltip-popper-issue-myryfv?file=/src/App.js

注意：如果沙箱中的popper不在中心，請嘗試修改代碼。 讓錯誤出現並撤消修改。

我正在使用 MUI v4

Answer 1

刪除外部 css 並將 style 屬性添加到Popper組件。

<Popper
   style={{
     zIndex: 1501
   }}
   anchorEl={buttonRef.current}
>