Zebra_DatePicker im Sticky-Div folgt der Eingabe beim Scrollen nichtCSS

CSS verstehen
Anonymous
 Zebra_DatePicker im Sticky-Div folgt der Eingabe beim Scrollen nicht

Post by Anonymous »

Ich verwende Zebra_DatePicker (v2.2.0) mit einem Eingabefeld, das sich in einem Container befindet
unter Verwendung von position: sticky.
Der Sticky-Container funktioniert ordnungsgemäß und bleibt beim Scrollen fixiert.
Wenn jedoch Zebra_DatePicker geöffnet wird, bleibt das Kalender-Popup nicht
an das Eingabefeld gebunden. Wenn die Seite gescrollt wird, bewegt sich der Sticky-Container,
aber der Datepicker bleibt an seiner ursprünglichen Position und wird falsch ausgerichtet.
  • Zebra_DatePicker-Version: 2.2.0
  • jQuery-basierte Initialisierung
  • Das Eingabeelement befindet sich in einem Position: Sticky-Container
  • Das Datepicker-Popup wird angehängt der durch das Plugin
Was ich will:
  • Das Datumsauswahl-Popup soll immer am Eingabefeld ausgerichtet bleiben
    während sich der Sticky-Container beim Scrollen bewegt.
Was ich versucht habe:
  • CSS-Änderungen (Position: fest / absolut)
  • Auf Scroll-Ereignisse hören
  • Datumsauswahl manuell neu positionieren
Aber keine dieser Lösungen fühlt sich stabil oder sauber an.
Gibt es eine empfohlene oder saubere Möglichkeit, Zebra_DatePicker einer Eingabe
in einem Position: Sticky-Container folgen zu lassen?
Oder ist dies eine bekannte Einschränkung von Zebra_DatePicker?
Diese Demo:
https://playcode.io/html-playground--01 ... 0fb567c541

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post