Size: a a a

Front-end developers

2020 May 12

NN

Nik Nik in Front-end developers
источник

DE

Denis Evlampiev in Front-end developers
Tomorrow
При сайзе самого инпута в 20
В инпутах есть ограничение на минимальный line-height. Причем в спеке написано одно, а браузеры ведут себя по другому. Недавно на похожий вопрос отвечал, сейчас скину. Придется высоту задать.
источник

T

Tomorrow in Front-end developers
Чисто интересен этот вопрос
Его нет в задании - всплыл сам по себе
источник

T

Tomorrow in Front-end developers
Буду признателен за помощь в решении
источник

DE

Denis Evlampiev in Front-end developers
Denis Evlampiev
В инпутах есть ограничение на минимальный line-height. Причем в спеке написано одно, а браузеры ведут себя по другому. Недавно на похожий вопрос отвечал, сейчас скину. Придется высоту задать.
3 days ago
Без указания высоты наверное никак.
В свежих версиях Gecko логика такая же как у WebKit-а. line-height инпута не может быть меньше чем normal.
А Blink не позволяет задать line-height меньше или равное размеру шрифта (причем дробная часть не учитывается).
В whatwg есть PR на эту тему. Возможно, то что line-height инпута должен быть больше или равен normal, станет частью спеки.
https://github.com/whatwg/html/pull/5462
Есть хак ::first-line{ line-height: 1; } позволяющий задать произвольную высоту строки в WebKit и Blink, но это не будет работать в Gecko.
источник

T

Tomorrow in Front-end developers
Сам текст без изменений, но рамку дергает
источник

DE

Denis Evlampiev in Front-end developers
Tomorrow
Сам текст без изменений, но рамку дергает
Что значит рамку дергает? сделай песочницу, так ничего не понятно.
источник

TV

Tixi Viki in Front-end developers
Всем привет, скажите пж где лучше всего тренировать логику, написание когда и решение однотипных задач на js?
источник

T

Tomorrow in Front-end developers
Denis Evlampiev
Что значит рамку дергает? сделай песочницу, так ничего не понятно.
Момент.Кину ссылку
источник

T

Tomorrow in Front-end developers
источник

DE

Denis Evlampiev in Front-end developers
Все правильно. Он обрезается потому, что из инпута ничего торчать не должно, а текст не помещается. Именно поэтому браузеры и против уменьшения высоты строки в инпутах. И стараются ипользовать normal, который рассчитывается из метрик шрифта (хотя по идее это тоже не даст 100% гарантии). Если хочешь уменишать размер инпута, то придется самому гарантировать, что ничего не обрезается.
источник

T

Tomorrow in Front-end developers
То есть если не указывать в input "size", и не растягивать его с помощью "width", то текст никак не уменьшить?
источник

DE

Denis Evlampiev in Front-end developers
Tomorrow
То есть если не указывать в input "size", и не растягивать его с помощью "width", то текст никак не уменьшить?
Тебе ширина что ли нужна?))
источник

T

Tomorrow in Front-end developers
Denis Evlampiev
Тебе ширина что ли нужна?))
При увеличении ширины рамки, или сайза, текст появляется.
Т.е. занимает все место и становится видным.
Я соображаю на то, как без этого сделать текст видимым.
Оказалось, что никак.
источник

p

pandrosov in Front-end developers
Tomorrow
При увеличении ширины рамки, или сайза, текст появляется.
Т.е. занимает все место и становится видным.
Я соображаю на то, как без этого сделать текст видимым.
Оказалось, что никак.
источник

p

pandrosov in Front-end developers
Tomorrow
При увеличении ширины рамки, или сайза, текст появляется.
Т.е. занимает все место и становится видным.
Я соображаю на то, как без этого сделать текст видимым.
Оказалось, что никак.
Возможно, ты имел ввиду это
источник

A

Alexander in Front-end developers
Посоветуйте библиотеку для появления блоков при скролле
источник

D

Daniel in Front-end developers
А браузеры уже отлично поддерживают значения по типу 2.5px?
источник

A

Alexander in Front-end developers
Или проще самому написать?
источник

IH

Ivan Hrynevytskyi in Front-end developers
Daniel
А браузеры уже отлично поддерживают значения по типу 2.5px?
попробуй)))
источник