admin管理员组

文章数量:1316304

I'm trying to use the material-ui tooltip. I want the tooltip to be displayed at the top. Even after setting placement="top" The demo can be found here

What am I doing wrong in here?

I'm trying to use the material-ui tooltip. I want the tooltip to be displayed at the top. Even after setting placement="top" The demo can be found here

What am I doing wrong in here?

  • javascript
  • reactjs
  • material-ui
Share Improve this question asked Dec 26, 2017 at 8:42 RangarajanRangarajan 871 gold badge1 silver badge8 bronze badges 1
  • For touch event for mobile, see - stackoverflow./a/70270694/984471 – Manohar Reddy Poreddy Commented Dec 8, 2021 at 6:13
Add a ment  | 

2 Answers 2

Reset to default 4

Because page has not enough space to show tooltip on top position Just add simple padding then try it again.

<div style={{padding: '50px'}}>
  <Tooltip placement="top" title="Chart Type">
    <IconButton >
      <ShowChart />
    </IconButton>
  </Tooltip>
  </div>

If you use a form wrapper, the outlined variant contains a "pointer-event: none" property that would prevent the popover from getting any events.

本文标签： javascriptMaterialui tooltip not working properlyStack Overflow

版权声明：本文标题：javascript - Material-ui tooltip not working properly - Stack Overflow 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.betaflare.com/web/1742004626a2411709.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。