Really Long Toast Messages Overflow Toast Container

[kharithomas]

When messages are really long they overflow the actual toast container.

Currently, I have my Toaster setup like:

<Toaster position="top-center" reverseOrder={false} />

Using the toast like:

toast.success(
      "This is a very looooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooong toast message",
      {
        style: {
          background: "#333",
          color: "#fff",
          textOverflow: "ellipsis",
          overflowWrap: "break-word"
        },
        duration: 5000
      }
    );

It seems even using textOverflow or overflowWrap properties don't work.

[DutchJelly]

This could probably be fixed with a jsx span element as a message that has the word break styling.