Skip to content

v8.4.3

Latest

Choose a tag to compare

@github-actions github-actions released this 30 Oct 13:32
· 243 commits to master since this release

Исправления

  • 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.