Показать сообщение отдельно
  #10 (permalink)  
Старый 04.06.2019, 16:32
Аватар для Malleys
Профессор
Отправить личное сообщение для Malleys Посмотреть профиль Найти все сообщения от Malleys
 
Регистрация: 20.12.2009
Сообщений: 1,714

Сообщение от 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;...
Ответить с цитированием