Ioni c 3 AlertController: слово разбивается на 2 слова в новой строке

Question

Я показываю некоторые сообщения в AlertController. Проблема в том, что в сообщении есть новая строка, последнее слово разделяется на 2 слова.

См. Изображение ниже для справки:

Проблема: Слово "версия" разбивается на «верси» и «на» (переходит на новую строку). Ожидаемое поведение: если целое слово «версия» не может поместиться в одной строке, оно должно отображаться в новой строке как целое слово «версия».

Спасибо, Нирав

Answer 1

В тексте оповещения может быть задано использование переноса слов.

Добавьте следующий CSS в файл app.s css вне тегов page-app {}, чтобы что следующий CSS добавляется вне компонента root, поскольку AlertController добавляется в DOM вне основного компонента

app.s css file:

page-app{
...
}

.alert-wrapper .alert-message
{
    word-break: keep-all;
}