search

Blazored / Toast

A JavaScript free toast library for Blazor and Razor Component applications
https://blazored.github.io/Toast/
MIT License
663 stars 92 forks source link

[Bug] Long URL overflows #133

Closed HmmRfa closed 3 years ago

HmmRfa commented 3 years ago

Describe the bug When displaying a long URL in the toast the text overflows the box without_text_wrap

Reproduce Show a toast with long URL (e.g. https://github.com/Blazored/Toast/issues/with/some/really/really_long_url_that_is_really_long)

Expected behavior The URL should be broken

with_text_wrap

Possible fix

.blazored-toast-body p {
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
chrissainty commented 3 years ago

Thanks for reporting this @HmmRfa. I think you're suggested fix should sort this out. Happy to take a PR if you want to submit one.