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}