Me gustaría obtener el resultado como este esperado . El problema real es que se mostrará un div en el centro superior de un icon (comportamiento como una tooltip ). He probado el siguiente código:
const iconPosition= this.el.nativeElement.getBoundingClientRect(); const divPosition= this.div.getBoundingClientRect(); let top; let left; if (this.placement === 'top') { top = iconPosition.top - divPosition.height; left = iconPosition.left + (iconPosition.width - divPosition.width) / 2; }La parte superior funciona bien, pero tengo un problema con la izquierda. Me lleva a este resultado: actual
¿Alguien podría ayudar? Me quedé atascado durante dos días ahora. ¡Cualquier apoyo es muy apreciado! ¡Gracias a todos!
Solo como entrada: ¿Puede ser que la parte: (iconPosition.width - divPosition.width) / 2 sea negativa? Así que vas a mover el div superior a la izquierda en lugar de a la derecha Math.abs(); podría ayudar, pero sin código ......