Сообщение от warren buffet
|
Malleys, ты вообще о чем? Текстовые поля ввода не понимают никакого хтмля, для них любые теги - просто текст и это счастье, что не хз какой-то там болд или параграф, поскольку все остается под контролем.
|
Я о том, что <textarea> имеет замещаемое содержимое. Сравните, как меняются размеры элемента, при вводе текста... (этот тестовый пример работает только в Chrome, Edge и Safari)
<textarea placeholder="ввод текста"></textarea>
<my-textarea placeholder="ввод текста"></my-textarea>
<style>my-textarea {
-webkit-appearance: textarea;
-webkit-user-modify: read-write-plaintext-only;
background-color: white;
-webkit-rtl-ordering: logical;
flex-direction: column;
resize: none;
cursor: text;
white-space: pre-wrap;
overflow-wrap: break-word;
border-width: 1px;
border-style: solid;
border-image: initial;
padding: 2px;
text-rendering: auto;
color: initial;
letter-spacing: normal;
word-spacing: normal;
text-transform: none;
text-indent: 0px;
text-shadow: none;
display: block;
text-align: start;
margin: 0em;
font: 400 13.3333px Arial;
font-family: monospace;
border-color: rgb(169, 169, 169);
margin: 1em 0;
max-width: 20em;
}
my-textarea:empty::before {
content: attr(placeholder);
-webkit-text-security: none;
color: rgb(117, 117, 117);
pointer-events: none !important;
}</style>
Я к тому, что размеры <textarea> не зависят от его содержимого, даже когда явно указано
resize: none;,
overflow: visible;...