flowbite
flowbite copied to clipboard
Datepicker dropdown floating at the top left of screen
[email protected]/dist/flowbite.min.css [email protected]/dist/flowbite.js [email protected]/dist/datepicker.js
While using the datepicker plugin within Laravel 8, I've noticed a recent issue where the dropdown floats at the very top left of the screen.
I have been able to resolve this by changing line 1755 within the datepicker.js file.
Changing this:
elementClass === 'dropdown' ? element.classList.add('dropdown', 'absolute', 'top-0', 'left-0', 'z-50', 'pt-2') : null;
To:
elementClass === 'dropdown' ? element.classList.add('dropdown', 'absolute', 'z-50', 'pt-2') : null;
Simply removing 'top-0' and 'left-0' because while looking at the element in the console it also shows an additional css style that these parameters are overwriting:
style="top: 422px; left: 621.333px;"