Позиция всплывающего окна Zebra_DatePicker прерывается, когда ввод находится внутри контейнера `position: Sticky` ⇐ Jquery

[Anonymous]

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

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

Фактическое поведение

• Всплывающее окно выбора даты при первом открытии расположено правильно
• После прокрутки страницы липкий контейнер перемещается, как ожидалось
• Всплывающее окно выбора даты остается в исходном положении и становится
  
  несовпадающим с вводом

Почему это происходит (наблюдаемое поведение)
Zebra_DatePicker добавляет элемент календаря непосредственно к и позиционирует его, используя абсолютные координаты на основе начального смещения ввода.
Когда ввод находится внутри контейнера Position: Sticky, визуальное положение ввода изменяется во время прокрутки, но позиция всплывающего окна выбора даты не пересчитывается, в результате чего всплывающее окно отделяется от input.
Это поведение соответствует тому, как плагин реализован в официальном репозитории:
https://github.com/stefangabos/Zebra_Datepicker
Среда

• Версия Zebra_DatePicker: 2.2.0
• Инициализация на основе jQuery
  />
• Элемент ввода внутри позиции: липкий контейнер
• Всплывающее окно выбора даты, добавленное плагином

Код: Выделить всё

body {
padding: 50px;
}

.container {
display: flex;
gap: 20px;
max-width: 800px;
margin: 0 auto;
}

.content-left {
position: sticky;
top: 0;
height: 500px;
width: 100%;
border: 1px solid #000;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 20px;
}

.content-right {
height: 2000px;
width: 100%;
border: 1px solid red;
}




Open DatePicker and Scroll


Sticky Content






$('input.datepicker').Zebra_DatePicker();

Является ли такое поведение внутренним ограничением Zebra_DatePicker при использовании
с позицией: липкий, или существует поддерживаемый способ обработки этого случая?

Подробнее здесь: https://stackoverflow.com/questions/798 ... n-sticky-c