timolins / react-hot-toast

Smoking Hot React Notifications 🔥
https://react-hot-toast.com
MIT License
9.86k stars 331 forks source link

A vertical scroll appears with the appearance of toast #213

Closed mzp23 closed 1 year ago

mzp23 commented 2 years ago

With the appearance of toast appears a vertical scroll image

In my case, this is because the parent container of the toast has the property: inset: 16px. I fixed it by overriding the styles like this:

<Toaster
        containerStyle={{
          position: "relative",
          inset: "16px 0",
        }}
   />

It might be a good idea to set inset:16px 0 by default

timolins commented 1 year ago

Can you provide a code sandbox to reproduce this? I'll close it until then.

inset: 16px is the default because it works for all positions (left, right).