Динамическая настройка положения содержимого всплывающей подсказки при наведении курсора — Angular 17 ⇐ CSS

[Anonymous]

Я хочу, чтобы некоторый контент отображался на значке всплывающей подсказки.
Например: пометить этим значком (!).
Общая стоимость фонда (!). Я хочу отображать некоторый контент в поле фиксированной ширины 286 пикселей при наведении значка.
Метка может быть меньше или длиннее, чем в приведенном выше примере.
Содержимое должно автоматически отображаться. отрегулируйте его положение в соответствии с окружающим пространством.
Я попробовал другой подход.

• Учитывая фиксированное верхнее и левое значение содержимого. для одной метки, но этот подход работает не для всех случаев, и если метка присутствует в любой угол экрана переполняется.
• Я также взял значение свойств значка offsetTop и offsetBottom. Но это тоже работает.

Это моя структура HTML.


{{label}}


{{content}}




Подробнее здесь: https://stackoverflow.com/questions/792 ... angular-17