@Pitman77

Как правильно сделать отступы в textarea в iOS?

Проблема заключается в следующем - хотел внизу textarea сделать кнопки с тегами с абсолютным позиционированием, а само поле отодвинуть снизу на 30px. На компьютере в адаптивном режиме работает:

5b4e3c838a289844982959.jpeg

В телефоне нет:

5b4e3c927e161265865074.jpeg5b4e3c99c159d721791205.jpeg

Написано примерно так:

<div class="post_message">
<textarea id="message" name="message"></textarea>
<div class="mobile_toolbar">кнопки</div>
</div>


.post_message {
  position: relative;
}
.post_message textarea {
  display: block;
  width: 100%;
  height: 280px;
  resize: vertical;
  padding: 8px 8px 30px 8px;
  border: 1px solid rgba(17, 17, 17, 0.17);
  border-radius: 4px;
}
.post_message .mobile_toolbar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 32px;
  display: block;
  line-height: 32px;
}
  • Вопрос задан
  • 184 просмотра
Пригласить эксперта
Ответы на вопрос 1
webinar
@webinar
Учим yii: https://youtu.be/-WRMlGHLgRg
элементы форм не удобны для стилизации, поэтому подобные вещи верстаются обычными div-ами, а js следит за изменением в них и загоняет в какой-нибудь input type=hidden
В html5 появился великолепный атрибут contenteditable="true".
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы