Open kharithomas opened 2 years ago
When messages are really long they overflow the actual toast container.
Currently, I have my Toaster setup like:
Toaster
<Toaster position="top-center" reverseOrder={false} />
Using the toast like:
toast
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.
textOverflow
overflowWrap
This could probably be fixed with a jsx span element as a message that has the word break styling.
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:It seems even using
textOverflow
oroverflowWrap
properties don't work.