Почему contenteditable div вставляет "." перед первым тегом для нескольких пробелов?

Question

У меня есть спорный div и я замечаю, что если я введу несколько пробелов, будет получен полный стоп (точка).

Так, в качестве примера, я ввожу 'test', за которым следуют два пробела, я получаю это в DOM:

<div contenteditable="true">test .&nbsp;</div>

Как я могу сохранить пустое пространство для нескольких пробелов и не получить "." вставляется перед первым  ?

Обновление:

Я вижу, что если я медленно вхожу в пробелы, то нет "." добавляется, так должна ли быть причина, основанная на времени, с тем, как contenteditable работает под капотом?

Answer 1

Я не понимаю этого поведения. В этой скрипке ввод двух пробелов, однако, быстро не отображает точку. Для меня это звучит как функция операционной системы или расширение браузера. Если вы тестируете на мобильном устройстве, несколько мобильных клавиатур ведут себя так, вводя два пробела, чтобы получить точку и пробел. Попробуйте использовать другой пользовательский агент или устройство, и вы увидите, локализовано ли это для вас.

<div contenteditable="true">type two spaces</div>