Почему подсказка для обязательного поля HTML5 required в модальном окне с position: fixed появляется выше на десктопе?

Question

[alexeeey_kuznetsov]

Суть: при стандартной html5 валидации на поле required должна всплывать подсказка. На телефоне она отображается правильно, а на десктопе выше. Но если открыть ф12 и чуть поменять высоту dev tools, то всё встаёт как надо.
Стоит учесть, input находится внутри модального окна.
Собственно вопрос в названии, примеры скриншотов надеюсь необязательны, наверняка много сталкивались, но я не смог найти чего-то путного.
UPD: прикрепляю фото. Проблема появляется когда изначально выключены dev tools. На скриншоте сначала они включены, затем в реальном времени при отключении dev tools подсказка съезжает вверх. И также сверху подсказка при обновлении страницы без тулзов. На мобилке всё нормально.

Comments

[Антон]

Десктоп яблочный и модаль бутстраповская?

[alexeeey_kuznetsov]

Антон, нет, стандарт

[Антон]

alexeeey_kuznetsov, модалка бутстрап?

[alexeeey_kuznetsov]

Антон, не, нативный js.

[Антон]

alexeeey_kuznetsov, Пробуйте, повесьте на события появления и скрытия

var o, h, w, p;
$('.modal').on('события', function (e) {			  
		 o = document.body.style.overflow;
		 document.body.style.overflow = 'hidden';
		 h = document.body.style.height;
		 document.body.style.height = '100%';
		 w = document.body.style.width;
		 document.body.style.width = '100%';
		 p = document.body.style.position;
		 document.body.style.position = 'fixed';
})

[alexeeey_kuznetsov]

Антон, попробую. К сожелению, только поздно вечером смогу, но обязательно протестирую.

[Антон]

alexeeey_kuznetsov, Обычно такое гумно с бутстрап модалками на яблочных продуктах и как правило, на мобилопланшетах. Поможет или нет - не знаю, но в моих случаях помогало.