Курсор слишком большой в contentEditable div, пока я не начну печатать

В Chrome и, возможно, в других браузерах при первом посещении моего сайта вы заметите, что мигающий курсор в текстовом поле ( на самом деле редактируемый DIV) расширяется на несколько пикселей ниже нижней части поля. Здесь - скриншот.

Странно то, что как только вы начнете печатать, проблема исчезнет.

Кто-нибудь знает, почему это происходит?

10 голосов | спросил sanity 3 FebruaryEurope/MoscowbFri, 03 Feb 2012 20:09:04 +0400000000pmFri, 03 Feb 2012 20:09:04 +040012 2012, 20:09:04

3 ответа


0

Лучшим решением будет:

В настоящее время у вас есть:

div.question.editing {
    width: 95%;
}

Сделать это блоком

div.question.editing {
    width: 95%;
    display: block;
}
ответил emphaticsunshine 3 FebruaryEurope/MoscowbFri, 03 Feb 2012 20:56:38 +0400000000pmFri, 03 Feb 2012 20:56:38 +040012 2012, 20:56:38
0

В вашем классе CSS есть div.question

display: inline-block;

Удаление этого и разрешение по умолчанию display: block; для div, кажется, решает проблему, хотя я не могу сказать, что знаю причину почему .... я бы попытался заменить то, что использует ваша попытка макета, используя float, чтобы посмотреть, исправит ли это проблему.

ответил nybbler 3 FebruaryEurope/MoscowbFri, 03 Feb 2012 20:21:38 +0400000000pmFri, 03 Feb 2012 20:21:38 +040012 2012, 20:21:38
0

Попробуйте сделать следующее:

  • Добавьте минимальную высоту к элементу
  • Предварительно заполните его переводом строки <br/>
  • Измените его на многострочное текстовое поле:)
ответил greg84 3 FebruaryEurope/MoscowbFri, 03 Feb 2012 20:21:41 +0400000000pmFri, 03 Feb 2012 20:21:41 +040012 2012, 20:21:41

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132