flowbite icon indicating copy to clipboard operation
flowbite copied to clipboard

Datepicker dropdown floating at the top left of screen

Open djelusive opened this issue 3 years ago • 0 comments

[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;"

djelusive avatar Aug 25 '22 05:08 djelusive