Repository navigation
Исправления
-
ActionSheet: Добавлен
slotProps.dropdownдля стилизации всплывающей панели без сужения подложки и области клика снаружи (#10431)Пример миграции
<ActionSheet toggleRef={toggleRef} onClosed={handleClosed} - style={{ maxWidth: 350 }} + slotProps={{ dropdown: { style: { maxWidth: 350 } } }} > <ActionSheetItem>Действие</ActionSheetItem> </ActionSheet> -
Исправлена совместимость типов порталов всплывающих компонентов с
React.RefObject<HTMLElement | null>(#10456) -
CustomSelect: Исправлено отображение содержимого свойства
after(#10471) -
Search: кнопки «Очистить» и «Найти» скрыты от скринридера, пока поле пустое; после очистки с клавиатуры фокус переходит в поле (#10379)
-
SegmentedControl: ARIA-атрибуты имени, описания и состояния группы
(aria-label,aria-labelledby,aria-describedbyи другие) теперь
передаются внутреннему элементу с рольюradiogroup/tablist.
Это позволяет скринридерам определить имя и состояние группы. (#10427)Миграция
Способ передачи пропсов не изменился. Если ваш код зависит от расположения
ARIA-атрибутов в DOM, учитывайте, что теперь они находятся на внутреннем
элементе группы, а не на корне:- Для стилизации корня используйте
classNameвместо селекторов
по перенесённым ARIA-атрибутам. - В тестах ищите группу через
getByRole('radiogroup', { name: '…' })
илиgetByRole('tablist', { name: '…' }). ЗапросыgetByLabelText
теперь возвращают внутренний элемент группы. getRootRefпо-прежнему указывает на корень. Передавайте ARIA-атрибуты
через пропсы компонента вместо изменения атрибутов корня через ref.
- Для стилизации корня используйте