Я знаю, что в диалоговом окне jQuery много разных проблем с датчиками.Я прочитал все предложенные, но ни один из них не вызывает мою проблему в деталях.
У меня есть диалог jQuery, и внутри есть несколько сборщиков дат jQuery.Они отлично работают на большом экране.Но возникают проблемы, как только на мобильных экранах появляется виртуальная клавиатура.Затем диалог смещается вверх, а средство выбора даты остается на своей прежней позиции.Это означает, что между полем ввода и датщиком есть промежуток в x пикселей, что действительно ужасно.
Я уже нашел фрагмент, который будет интегрирован в вызов диалога, который помог кому-то еще с проблемой, которая была, по крайней мере, "близка" моей.Но это не помогло мне в конце, все еще есть огромный разрыв.
open: function (event, ui) {
$("#dates").on('scroll', function () {
var inp = $(this).find('input.hasDatepicker');
$('#ui-datepicker-div').css('top', inp.offset().top + inp.outerHeight());
});
},
beforeClose: function () {
$('#dates').off('scroll');
},
Как я могу привязать указатель даты к текстовому полю, чтобы они соединялись вместе, даже когда происходит прокрутка или виртуальная клавиатурапоявляется?
Я создал скрипку, но я не уверен, может ли это действительно воспроизвести проблему на мобильном телефоне.https://jsfiddle.net/SchweizerSchoggi/n54pmef3/
Я также прилагаю два фрагмента, которые очень хорошо показывают проблему.Первый фрагмент без виртуальной клавиатуры, второй с отображаемой клавиатурой.
Спасибо за любую идею!
РЕДАКТИРОВАТЬ: Я обнаружил, что это происходит из-заусловный фрагмент к модалу.Модал определен так, чтобы центрироваться на экране и при изменении размера экрана (это происходит при появлении виртуальной клавиатуры), он пересчитывает свою новую позицию.Так есть ли способ привязать указатель даты к этому?
