Как сделать всплывающее окно?

Question

[Nwton]

Где-то на странице есть input. Необходимо, что бы при наведении на input, под ним, поверх всего остального, появился блок с текстом и кнопками. Как это реализовать?

Я бы сразу побежал делать это через js, позиционируя блок в зависимости от scroll и координат input, но надеюсь есть более адекватный вариант.

По описанию похоже на всплывающее меню, но тут нельзя обойтись списком.

Comments

[Дмитрий Лузанов]

Возможно стоит покапать в сторону .getBoundingClientRect()

[Алексей Скляров]

возможно вам нужно просто запускать модальное окно при наведении

[Nwton]

Алексей Скляров: да, это своеобразное mod, привязанное к input.

[Nwton]

Predve4niy: ищу решение на чистом css, если оно существует. Как на js сделать итак знаю

Answer 1

[GreatRash]

codepen.io/GreatRash/pen/peaPdj?editors=1010