flowbite-react icon indicating copy to clipboard operation
flowbite-react copied to clipboard

Datepicker Pops beyond edge of screen

Open James-Wilkinson-git opened this issue 8 months ago • 0 comments

  • [x] I have searched the Issues to see if this bug has already been reported
  • [x] I have tested the latest version

Steps to reproduce

Place a datepicker on the edge of your screen, mine is 6 padding in from the right Open the datepicker, the popover goes beyond the browser causing an X scroll Try and scroll X by clicking the bar and the date picker disappears

Current behavior

Popovers are breaking outside of the screen.

Expected behavior

Popover should always position inside the screen.

Context

Using the Flowbite Admin Dashboard example with Flowbite React Components

James-Wilkinson-git avatar Jun 17 '24 14:06 James-Wilkinson-git