anentrypoint-design 0.0.398 → 0.0.399

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anentrypoint-design",
-  "version": "0.0.398",
+  "version": "0.0.399",
   "description": "247420 design system SDK — webjsx + modified ripple-ui, single-file ESM bundle for reproducible use of the AnEntrypoint design.",
   "type": "module",
   "main": "./dist/247420.js",

package/src/components/editor-primitives/json-viewer.js

@@ -107,18 +107,21 @@ export function JsonViewer({ value, emptyText = 'no data', maxHeight, mode = 'pl
     else { try { text = JSON.stringify(value, null, 2); knownJson = text != null; parsed = value; } catch { text = String(value); } }
     if (!text) return h('div', { class: 'ds-ep-json ds-ep-json-empty' }, emptyText);
     const style = maxHeight ? ('max-height:' + maxHeight) : null;
-    // A maxHeight makes this an `overflow: auto` scroll container, so the
-    // clipped content is reachable by mouse wheel but by nothing a keyboard
-    // user has — WCAG 2.1.1 Keyboard, axe's `scrollable-region-focusable`.
-    // Same fix the Table wrapper carries: tabindex puts it in the tab order and
-    // arrow keys then scroll it natively, and a bare focusable region with no
-    // name is its own violation, so it is labelled. `group` rather than
-    // `region` so a page rendering several viewers does not gain a landmark
-    // each. Witnessed unreachable on a real page: 761px of content in a 250px
-    // box with no focusable descendant.
-    const scrollable = maxHeight
-        ? { tabindex: '0', role: 'group', 'aria-label': 'JSON, scrollable' }
-        : {};
+    // Every viewer is a scroll container, so these are UNCONDITIONAL. The
+    // `maxHeight` prop only overrides a height the stylesheet already sets:
+    // `.ds-ep-json` carries `max-height: 300px; overflow-y: auto` in
+    // editor-primitives.css, so a viewer rendered with no prop at all still
+    // clips and still scrolls. Gating the attributes on the prop therefore
+    // missed the common case — measured live: a prop-less viewer reported
+    // scrollHeight 1265 against clientHeight 300 while sitting at tabindex -1.
+    //
+    // Clipped content reachable by wheel but not by keyboard is WCAG 2.1.1
+    // Keyboard, axe's `scrollable-region-focusable`. tabindex puts the box in
+    // the tab order and arrow keys then scroll it natively; a bare focusable
+    // region with no name is its own violation, so it is labelled. `group`
+    // rather than `region` so a page rendering several viewers does not gain a
+    // landmark each.
+    const scrollable = { tabindex: '0', role: 'group', 'aria-label': 'JSON, scrollable' };
     if (!knownJson && (mode === 'highlight' || mode === 'tree')) {
         try { parsed = JSON.parse(text); knownJson = true; } catch { /* swallow: not JSON — render plain */ }
     }