• Empleos
  • Sobre nosotros
  • profesionales
    • Inicio
    • Empleos
    • Cursos y retos
  • empresas
    • Inicio
    • Publicar vacante
    • Nuestro proceso
    • Precios
    • Evaluaciones
    • Nómina
    • Blog
    • Comercial
    • Calculadora de salario

0

100
Vistas
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 3 years ago · Juan Pablo Isaza
1 Respuestas
Responde la pregunta

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 3 years ago · Juan Pablo Isaza Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Nuestro proceso Comercial
Legal
Términos y condiciones Política de privacidad
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recomiéndame algunas ofertas
Necesito ayuda