Разрываюся слова при переносе
 

Для входа на сайт:

login: r@s.ua

password: r
и дальше по ссылке Quotes

http://5b5f2f60.ngrok.io/GrammarProject/

Если попробовать вводить слова, то можно заметить, что слова разрываются:

конец первой строки: Quest

начало следующей строки: ions

Заметьте, что изначально слово было: Questions

css, который отвечает за тот кусок

#select-result {
    overflow-x: auto;
    white-space: pre-wrap; /* css-3 */
    white-space: -moz-pre-wrap !important;
    white-space: -pre-wrap; /* Opera 4-6 */
    white-space: -o-pre-wrap; /* Opera 7 */
    width: 99%;
    word-wrap: normal;
    overflow-wrap: break-word;
}

В чем причина, что неправильно работают переносы слов?
Там используется функция append, может в ней причина?

.

w88,
Причина походу в том что width: 99% берется из ширины родителя, а у родителя width - какой-то малый.

white-space: pre-wrap делает автоматический перенос если текст не помещается по ширине контейнера

И не понятно почему у word-wrap и overflow-wrap разные значения. Эти вещи - одно и тоже. Просто overflow-wrap - это замена word-wrap по новому стандарту (но word-wrap можно дописывать как для старых браузеров)

сейчас 30% у внешнего контейнера, а у внутреннего получается примерно 29% - и как это может быть причиной?
при более широких значениях у внешнего ничего не меняется - я пробовал


это я пробовал по всякому... если выставить обоим break-word, то ничего не изменится

w88,
Оно и не должно меняться. Вчитайся в ответ