Как сделать при нажатии на кнопку менялся text-decoration на uppercase и обратно?

Question

[kaidos]

Мне нужно при нажатии на кнопку шифт (сейчас там пусто), все буквы клавиатуры меняли на большую и при повторном нажатии обратно на маленькую.

Ссылка на код

И как можно сделать чтобы при открытии этого чата скрол всегда был прокручен внизу?

Comments

[Aleksandr Kritskii]

ссылка некорректная

[kaidos]

Aleksandr Kritskii, исправил, ссылка

[Антон Литвиненко]

text-transform. text-decoration это про другое

Answer 1

[Aleksandr Kritskii]

Comments

[kaidos]

Я добавил overflow: auto; в класс message_content-bar и он успешно скролит но все равно перекрывает другие блоки, поэтому я ограничил height и все хорошо). Но, мне нужно будет потом сделать чтобы когда нажимаешь на поле ввода открывалась клавиатура, для этого меня есть ф-ция openApp она открывает классы.
Но как сделать так чтобы height менялся при открытой клавиатуре, так как без нее и с ней нужна разная высота чтобы message_content-bar не перекрывал контент ниже.
Ссылка

[Aleksandr Kritskii]

kaidos, даю последний ответ в данной ветке
на будущее: создаете один вопрос - получаете один ответ

если помог с решением, то отметьте как решение

Answer 2

[Александр Шемаханов]

Чисто визуально text-transform подходит, но проблема возникнет, когда в форму сообщения нужно будет вставлять буквы с клавиатуры при нажатии на них. Т.к. это всего лишь стилизация, сами буквы по-прежнему строчные, а нам нужно при нажатом шифте выдавать в форму прописные. Для этого есть два метода в JS .toLowerCase() и .toUpperCase()
Суть как и со стилизацией, только мы меняем регистр не только визуально, а еще и в DOM
Пример: