Сделайте так, чтобы элементы управления предложением ввода перемещались вместе с вводом

Question

Надеюсь, это название имеет смысл для происходящего.

У меня есть CodeSandox , чтобы вы все могли посмотреть.

У меня есть div, который получаетскрыто, когда пользователь фокусируется на вводе.

Когда это происходит (по крайней мере, для меня), ввод переходит в начало родительского элемента div, но браузер предлагает элемент ввода (в данном случае, адрес электронной почты)придерживается того места, где был элемент.

Можно ли каким-либо образом настроить элемент предложения так, чтобы он соответствовал положению входа?

Answer 1

CSS: Поместите блок ввода и предложения в контейнер, затем установите положение блока предложения относительно или абсолютно относительно контейнера.

JS: Рассчитайте позицию ввода, а затем установите положение поля предложения, используя эти данные.