search

themesberg / flowbite-react

Official React components built for Flowbite and Tailwind CSS
https://flowbite-react.com
MIT License
1.82k stars 406 forks source link

Modal incorrect vertical position on screens below md. #1169

Closed timthedev07 closed 7 months ago

timthedev07 commented 8 months ago

Steps to reproduce

  1. Import and use the modal component in React.js
  2. Set position prop to "center"
  3. Reduce window width and observe that the modal always appears at the top of the screen.

Current behavior

The position="center" prop doesn't center the modal vertically on smaller screens of sizes below md.

Expected behavior

Expected the modal to be centered vertically too.

Context

截屏2023-12-03 22 07 50
tulup-conner commented 7 months ago

Thank you, yeah, this has been an issue for a while and needs to be addressed.

tulup-conner commented 7 months ago

This is technically a duplicate of #1083 though

SeungJL commented 7 months ago

Please solve it quickly. The modal cannot be placed. And can the modal height be set automatically? I want to give the style myself, but it doesn't apply.