Zebra_DatePicker внутри липкого div не следует за вводом при прокрутке [закрыто] ⇐ Html

[Anonymous]

Я использую Zebra_DatePicker (v2.2.0) с полем ввода, находящимся внутри контейнера
с использованием позиции: липким.
Прикрепленный контейнер работает правильно и остается зафиксированным при прокрутке.
Однако при открытии Zebra_DatePicker всплывающее окно календаря не остается
прикрепленным к полю ввода. При прокрутке страницы липкий контейнер перемещается,
но средство выбора даты остается в исходном положении и смещается.

• Версия Zebra_DatePicker: 2.2.0
• Инициализация на основе jQuery
• Входной элемент находится внутри позиции: липкий контейнер
• Всплывающее окно выбора даты отображается добавлено к плагином.

Что я хочу:

• Всплывающее окно выбора даты всегда оставалось на одном уровне с полем ввода
  пока липкий контейнер перемещается во время прокрутки.

Что я пробовал:

• Изменения CSS (положение: фиксированное/абсолютное)
• Прослушивание событий прокрутки
• Изменение положения средства выбора даты вручную

Но ни одно из этих решений не кажется стабильным или чистым.
Есть ли рекомендуемый или чистый способ заставить Zebra_DatePicker следовать вводу
внутри контейнера Position: Sticky?
Или это известное ограничение Zebra_DatePicker?
Эта демонстрация:
https://playcode.io/html-playground--01 ... 0fb567c541
HTML




Modern Landing Page








window.jQuery || document.write('')









body{
padding:50px
}
h1{
text-align:center;
}
.container{
background-color:white;
padding:50px;
display:flex;
gap:20px;
max-width: 800px;
margin: 0 auto;
}
.content-left{
position: sticky;
top:0%;
height: 500px;
width:100%;
border:1px solid black;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:20px
}
.content-right{
height: 9999px;
width:100%;
border:1px solid red;
display:flex;
justify-content:center;
padding: 20px
}




Click Open Date Picker and Scroll


Content-Left


Content-Right




JS
$(document).ready(function() {

// assuming the controls you want to attach the plugin to
// have the "datepicker" class set
$('input.datepicker').Zebra_DatePicker();

});



Подробнее здесь: https://stackoverflow.com/questions/798 ... -on-scroll