Material-ui tooltip not working properly

Question

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?

For touch event for mobile, see - stackoverflow.com/a/70270694/984471 — Manohar Reddy Poreddy
– Manohar Reddy Poreddy, Commented Dec 8, 2021 at 6:13

metinata · Accepted Answer · 2017-12-26 08:46:24Z

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>

answered Dec 26, 2017 at 8:46

metinata

1562 silver badges6 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

DDT · Accepted Answer · 2021-03-31 14:11:01Z

0

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

answered Mar 31, 2021 at 14:11

DDT

4245 silver badges15 bronze badges

Collectives™ on Stack Overflow

Material-ui tooltip not working properly

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related