Business
Jobs
  • About Us
  • Solutions
    • Job Postings
      Post your job and receive qualified candidates in 48h.
    • Candidate Assessments
      500+ technical and psychological tests, plus anti-fraud.
    • Headhunting
      Tailor-made executive search from start to finish.
    • Payroll + EOR
      Payroll dispersal and EOR across 15+ LATAM countries.
  • Pricing
  • Jobs

0

133
Views
Material UI tooltip popper fixed position on increased word length

enter image description here

I want to achieve the above image feature by overriding the MUI tooltip properties but instead, I am only able to get this feature

enter image description here

I was able to do that by adding a margin to the popper

popper: {
  zIndex: '999999999',
  '&[x-placement*="right"]': {
    marginTop: theme.typography.pxToRem(50),
  },
},

But after I decrease the word length, it shifts to the bottom of the component where the tooltip was added.

enter image description here

Please help me achieve this feature. I want the popper position to be fixed when the word length increases and only the height of the popper goes on increasing downwards based on the increased word length.

about 4 years ago · Juan Pablo Isaza
1 answers
Answer question

0

About your question, I think you could remove the popper style setting and you can try to add placement on the popper that to fixed position.

<Popper placement='right-start'>
.....
...
..
</Popper>

about 4 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Sales
Legal
Terms and conditions Privacy policy
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Show me some job opportunities
There's an error!