dd3tech/bui

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

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:

  1. Open any modal component on the UI
  2. 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.

Screenshots
Screen Shot 2023-03-30 at 12 38 30 p m
Screen Shot 2023-03-30 at 12 39 08 p m

**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

@andres-bedolla

tbor00 commented

This fix was included on v5.0.3

Thanks for the report @andres-bedolla