I have problem with all bottom positions with v10, here is image: All toasts are b

Hey <a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url=

Position bottom bug about react-toastify HOT 4 OPEN

notcod commented on September 23, 2024 2

Position bottom bug

from react-toastify.

Comments (4)

aminBenSlimen commented on September 23, 2024 1

Seems like stacked is weird with other options, i solved this one with moving the position option from the toast emitter to the ToastContainer .

toast("You cannot se me because I'm drowning :(", {
            // position: "bottom-left", Remove this one
            autoClose: 2500,
});

Put it here
<ToastContainer stacked position="bottom-left" />

it's also worth mentioning that it's also buggy when you set newestOnTop to true, the ordering is messed up until you hover and unhover again.

from react-toastify.

fkhadra commented on September 23, 2024

Hey @notcod please share a codesandox that reproduce the bug, without that I won't be able to help thank you

from react-toastify.

alajmo commented on September 23, 2024

Here's a codesandbox of the issue (seems only to be when you use stacked, otherwise it works):

Link

from react-toastify.

a-Marino commented on September 23, 2024

Seems like stacked is weird with other options, i solved this one with moving the position option from the toast emitter to the ToastContainer .
toast("You cannot se me because I'm drowning :(", {
            // position: "bottom-left", Remove this one
            autoClose: 2500,
});
Put it here <ToastContainer stacked position="bottom-left" />

it's also worth mentioning that it's also buggy when you set newestOnTop to true, the ordering is messed up until you hover and unhover again.

Had the same issue and this fixed it for now

from react-toastify.

Recommend Projects