/ / HTML - Не може да се движи курсорът в текстовото поле, когато е включен CSS

HTML - Не може да се движи курсора в текста, когато е включен CSS - html, css, forms, html5, textarea

Имам супер проста HTML форма:

<form name="editor" action="#" method="POST">
<textarea name="contents" cols="100" rows="50"><?php echo $text; ?></textarea>
<br>
<input type="submit" name="submit" value="Submit" />
</form>

Вътрешният текст е HTML код.

Сега, когато CSS е изключен, той работи перфектно.

Но когато се включи, аз:

  • не може да кликне навсякъде в текста на текстовата област, за да постави курсора там
  • не може да премества курсора с клавишите със стрелки, той ще премести само няколко знака наляво и надясно, а ако са натиснати стрелки нагоре / надолу, той премества курсора до самия връх / най-долната част на текстовото поле.

Какво опитах:

  • С изключение на textarea от CSS firebug е приложено към него
  • Опитвате се с или без JS да проверите дали това е от значение
  • Опитах различни браузъри, същото се повтаря
  • Изключването на CSS напълно и след това работи, но не е опция

Единствената идея, която имам, е, че може би textarea наследява някакъв CSS от някъде, но какъв тип CSS би предизвикал такова поведение, какво да търсим?

Ето CSS, както се вижда от firebug:

textarea {
overflow: auto;
resize: vertical;
vertical-align: top;
}
button, input, select, textarea {
font-size: 100%;
margin: 0;
}
html, button, input, select, textarea {
color: #222222;
font-family: sans-serif;
}

Благодаря за всички отговори!

Отговори:

4 за отговор № 1

Благодаря на всички! Вие всъщност ми помогнахте, като зададох тази цигулка, започнах да вмъквам част от CSS там, и ето какво причинява проблема, ако някой влезе в същия проблем:

body {
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

Основното изключване на текста бе очевидно наследено от тялото.

Благодаря на всички отново.

PS. Също така, за да се изясни на всеки, който подозираше, че кодът ми в текстовото поле е непроменен - ​​да, беше, но това не изглежда да е проблем, очевидно можеш да направиш това.