Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Adding min-width to my custom toast, breaks the positioning. #382

Open
andersonbruno opened this issue Mar 21, 2024 · 1 comment
Open

Adding min-width to my custom toast, breaks the positioning. #382

andersonbruno opened this issue Mar 21, 2024 · 1 comment

Comments

@andersonbruno
Copy link

andersonbruno commented Mar 21, 2024

Describe the feature / bug 馃摑:

When I add min-width to the toast, it leaves the screen.

Steps to reproduce the bug 馃攣:

  1. set position to bottom-right
  2. set min-width to 500px
  3. toast cuts off the screen, to solve this issue I have to add right:10 on the toastOptions. Is there another way to set min-width, without having it overflow?
image

it works fine without min-width, but I would like for the content to take more space.

image
@andersonbruno andersonbruno changed the title Can I add min-width to my custom toast Adding min-width to my custom toast, breaks the positioning. Mar 21, 2024
@sekeidesign
Copy link

+1 to this, it's not just a min width problem, and it's not just on the bottom-right alignment.

The component doesn't seem to gracefully handle alignment when the width of the toast is anything but the original size. In this example the position="bottom-center" but because the toast has a width of 720px, it's pushed off to the side.

It seems that alignment, not matter where, is based on the left of the toast

CleanShot 2024-04-25 at 15 02 38@2x

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants