HTML contenteditable, BR меняет высоту

147
18 августа 2018, 03:30

Tcnm div с такой вот разметкой:

.option__input { 
    font-size: 100%; 
    border: 0.075em solid black; 
    border-radius: 0.3em; 
    min-width: 7em; 
    max-width: 10em; 
    min-height: 1.5em; 
    line-height: 1.5em; 
    box-sizing: border-box; 
    white-space: normal; 
    word-break: break-all; 
    padding: 0 0.5em; 
  outline:none; 
} 
div{ 
  display:inline-block; 
}
<div>Другое</div> 
<div class="option__input text text_input" contenteditable="true"></div>

Когда первый раз вводится текст, добавляется br и немного увеличивает высоту.
Как можно от этого избавиться?

  1. Изображение, до ввода текста:

  2. Изображение, введен пробел:

В Chrome все работает, как надо. А вот в Firefox, происходит вышеописанное.

READ ALSO
Помогите сделать кнопку css html js

Помогите сделать кнопку css html js

Смотрите пример сразуНе знаю как сделать чтобы двигалась только стрелка

169
Что делать, если некоторые объекты в сайте проваливаются через viewport?

Что делать, если некоторые объекты в сайте проваливаются через viewport?

Недавно сделал сайт, и вроде бы все ничегоВот только объекты каталога (нажмите на кнопку чтобы он открылся) при просмотре с телефона проваливаются...

160
Не получается код HTML + CSS + JS

Не получается код HTML + CSS + JS

Помогите, пожалуйста, пытался сделать слайдер на HTML + CSS + JS, в итоге не работает

180
2 меню slideout js

2 меню slideout js

При клике на Panel меню слева наезжает и неудобно нажимать на кнопку panel + появляется меню от Catalog PanelА само меню не отображается

177