From b5909950930b1bff36d5834d5fc8f9e6ca65d0e6 Mon Sep 17 00:00:00 2001 From: Sarah Vaupel Date: Wed, 18 Sep 2019 14:04:12 +0200 Subject: [PATCH] fix(datepicker): insert datepicker after the form --- frontend/src/utils/form/datepicker.js | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/utils/form/datepicker.js b/frontend/src/utils/form/datepicker.js index 932d3b515..9ab2607a2 100644 --- a/frontend/src/utils/form/datepicker.js +++ b/frontend/src/utils/form/datepicker.js @@ -140,8 +140,8 @@ export class Datepicker { // initialize tail.datetime (datepicker) instance this.datepickerInstance = datetime(this._element, { ...datepickerGlobalConfig, ...datepickerConfig }); - // append the datepicker element (dt) to the form - this._element.form.appendChild(this.datepickerInstance.dt); + // insert the datepicker element (dt) after the form + this._element.form.parentNode.insertBefore(this.datepickerInstance.dt, this._element.form.nextSibling); // if the input element is in any open modal, increase the z-index of the datepicker and set its position to fixed to avoid repositioning on page scroll // FIXME: instead of setting the position to fixed, use absolute and reposition (decrease left)