Open
Description
Описание
Поступил запрос на добавление возможности передавать в DateInput
placeholder
и показывать его, если значение не задано.
Вообще, это часть паттерна, когда в дизайне явно не показывают label
у инпута и пишут что это за элемент в самом инпуте в качестве placeholder
. При взаимодействии с инпутом placeholder прячется.
Сейчас визуально такое можно сделать используя placeholder в компоненте Input.
Тем не менее тут есть ряд недостатков.
- Такие инпуты не имеют label, а значит нету подписей для скринридеров. Placeholder зачитываться будет, но это не label. Для реализации доступности требуется, либо создавать скрытые label с помощью
VisuallyHidden
, либо добавлять aria-label. (⚠️ это ещё надо проверить и добавить в доку рекомендации по доступности для такого варианты) DateInput
вместоplaceholder
показывает маску, если значения нету.DateInput
имеет проблемы связыванияlabel
иDateInput
по id [Bug][DateInput]: Ошибки связанные с id #7839
Такой паттерн часто используют ещё и в связке с FormLayoutGroup
Требуется:
- проверить как сделать
input
без явногоlabel
, но сplaceholder
, доступным (возможноplaceholder
тогда надо скрывать от скринридера с помощьюaria-hidden
, чтобы избежать дублирования текста) - добавить отображение
placeholder
вDateInput
, если он передан. - починить связывание внешнего
label
иDateInput
[Bug][DateInput]: Ошибки связанные с id #7839. В идеалеlabel
сDateInput
должен работать также как и сInput
.
Скриншоты
![Screenshot 2024-10-29 at 13 05 56](https://private-user-images.githubusercontent.com/178798297/381076327-1e28ed7e-21c1-4ce0-8fd2-2d465c1999b7.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzg5MzQ5NDgsIm5iZiI6MTczODkzNDY0OCwicGF0aCI6Ii8xNzg3OTgyOTcvMzgxMDc2MzI3LTFlMjhlZDdlLTIxYzEtNGNlMC04ZmQyLTJkNDY1YzE5OTliNy5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjUwMjA3JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI1MDIwN1QxMzI0MDhaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT00ZDU5YmMxZjExZmFlYzUyNGU4MDg1OGZjMGQ4OGZjOGRhZTgzY2FjMDM0ZmE4ZDU0MzYwNmNlZDNkYmQzNjg2JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCJ9.aSCwWXp3016IWjgHBdmaIgKqbLyu57hvoeaWOWvw5UU)
Metadata
Assignees
Labels
Type
Projects
Status
🗃 Backlog