You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Поступил запрос на добавление возможности передавать в DateInputplaceholder и показывать его, если значение не задано.
Вообще, это часть паттерна, когда в дизайне явно не показывают label у инпута и пишут что это за элемент в самом инпуте в качестве placeholder. При взаимодействии с инпутом placeholder прячется.
Сейчас визуально такое можно сделать используя placeholder в компоненте Input.
Тем не менее тут есть ряд недостатков.
Такие инпуты не имеют label, а значит нету подписей для скринридеров. Placeholder зачитываться будет, но это не label. Для реализации доступности требуется, либо создавать скрытые label с помощью VisuallyHidden, либо добавлять aria-label. (⚠️ это ещё надо проверить и добавить в доку рекомендации по доступности для такого варианты)
DateInput вместо placeholder показывает маску, если значения нету.
Такой паттерн часто используют ещё и в связке с FormLayoutGroup
Требуется:
проверить как сделать input без явного label, но с placeholder, доступным (возможно placeholder тогда надо скрывать от скринридера с помощью aria-hidden, чтобы избежать дублирования текста)
добавить отображение placeholder в DateInput, если он передан.
Описание
Поступил запрос на добавление возможности передавать в
DateInput
placeholder
и показывать его, если значение не задано.Вообще, это часть паттерна, когда в дизайне явно не показывают
label
у инпута и пишут что это за элемент в самом инпуте в качествеplaceholder
. При взаимодействии с инпутом placeholder прячется.Сейчас визуально такое можно сделать используя placeholder в компоненте Input.
Тем не менее тут есть ряд недостатков.
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
.Скриншоты
The text was updated successfully, but these errors were encountered: