fix(a11y): Drawer always renders SheetDescription — silence Radix warning

2026-05-11 21:42:41 +00:00
parent 2358d95375
commit cc131e52f2
1 changed files with 12 additions and 1 deletions
@@ -58,7 +58,18 @@ export function Drawer({
        {(title || description) && (
          <SheetHeader>
            {title && <SheetTitle>{title}</SheetTitle>}
-            {description && <SheetDescription>{description}</SheetDescription>}
+            {/* Radix Dialog требует accessible description ИЛИ
             * aria-describedby={undefined}. Рендерим SheetDescription всегда
             * когда есть header: визуально если передан description, sr-only
             * fallback иначе — заглушает Radix dev warning + полезно для
             * screen reader users. */}
            {description ? (
              <SheetDescription>{description}</SheetDescription>
            ) : (
              <SheetDescription className="sr-only">
                Боковая панель. Нажмите Escape или кнопку закрытия чтобы вернуться.
              </SheetDescription>
            )}
          </SheetHeader>
        )}
        {children}