Describe the bug
When the user resizes the screen with the date picker open the datepicker does not reposition itself to be aligned with the input and ends up off to one side.
To Reproduce
Steps to reproduce the behavior:
Create a date picker.
Open the date picker.
Resize the browser width.
Notice the datepicker is no longer under the input element.
Expected behavior
The date picker should stay with the original input element. As a workaround, I am hiding the datepicker on resize and then when the user clicks to open it again it is in the correct place. I store all of the datepickers in an object called datepickers. The code below shows on resize I iterate through the date pickers and hide each one of them. The ideal solution though would be to move them where they should be.
$(window).resize(function () {
for (const property in datePickers) {
datePickers[property].hide();
}
});
Describe the bug When the user resizes the screen with the date picker open the datepicker does not reposition itself to be aligned with the input and ends up off to one side.
To Reproduce Steps to reproduce the behavior:
Expected behavior The date picker should stay with the original input element. As a workaround, I am hiding the datepicker on resize and then when the user clicks to open it again it is in the correct place. I store all of the datepickers in an object called datepickers. The code below shows on resize I iterate through the date pickers and hide each one of them. The ideal solution though would be to move them where they should be.