The modal doesn't take the full size of the screen width. There is a space on the left side.
Closed this issue · 2 comments
andres-bedolla commented
Describe the bug
In the modal component, when it opens, it doesn't take the full size of the screen width and there is a space on the left side regardless of whether it is mobile or full screen.
To Reproduce
Steps to reproduce the behavior:
- Open any modal component on the UI
- See the width size of the component on the screen and how it fits
Expected behavior
The modal should take the full size of the screen width, either in full screen mode and show the background shadow, or in mobile view and take the full size of the screen.
**Desktop **
- OS: macOS Monterey
- Browser: Chrome
- Version: 111.0.5563.146
Additional context
I don't use any other global styles other than tailwind that may interfere.
tbor00 commented
I see, I think you must be referring to the overlay (the black layer behind).
- Can you provide more information about how you implements that? (code screenshot is good)
- Screen resolution?
I could not reproduce this issue
tbor00 commented
This fix was included on v5.0.3
Thanks for the report @andres-bedolla