@ihabdevteam/core 0.235.0 → 0.236.0

package/CHANGELOG.md

@@ -7,6 +7,40 @@ All notable changes to this project will be documented in this file.
 > 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
 > 제 이야기를 못 찾는다.
 
+## 0.236.0
+
+### 가로로 넘치는 표를 **자판으로 굴릴 수 있다** (말귀 요청 ㊿)
+
+`.table-wrap` 은 `overflow-x: auto` 인데 초점을 못 받았다. 안에 초점 받을 것이 없으면 Tab 이
+왼쪽 칸을 벗어나지 않으니 **브라우저가 굴려 줄 일이 없고**, 통이 초점을 못 받으니 ←→ 로
+굴릴 수도 없다. 말귀 실측(좁은 화면 375, 단어 관리): 표 너비 958 · 보이는 폭 333, 초점 받는
+것 스물다섯이 전부 x=36 — **여덟 칸 중 여섯이 자판으로 안 닿았다**(WCAG 2.1.1).
+
+넓은 화면에서는 표가 다 들어가 안 생긴다. 방문기록 표는 줄마다 단추가 있어 초점이 따라가며
+조금 굴려 주는데, **그건 운이지 설계가 아니다.**
+
+```jsx
+tabIndex={넘치나 ? 0 : undefined}
+role={넘치나 ? 'region' : undefined}
+aria-label={넘치나 ? (표 이름 ?? '가로로 굴릴 수 있는 표') : undefined}
+```
+
+- **넘칠 때만**이다. 다 들어가는 표까지 정지점이 되면 자판 길에 빈 걸음이 한 칸씩 는다.
+  `scrollWidth > clientWidth + 1` 로 잰다(1px 은 반올림 몫).
+- **이름 있는 `region`** 이다. 이름 없는 `region` 은 낭독기가 건너뛰고, 초점만 받는 `div` 는
+  "여기서 뭘 하라는 건지" 를 말해 주지 못한다. 표에 `title` 이 있으면 그 이름을 쓴다 — 표가
+  여럿인 화면에서 가려진다.
+- **`ResizeObserver` 로 지켜본다.** 좁은 화면에서만 나는 자리라 한 번 재고 끝내면 창을
+  줄였을 때 안 켜진다. 통과 안엣것을 함께 본다 — 통만 보면 칸 폭을 끌어 넓히거나 줄이 늘 때를
+  놓친다. 없는 환경에서는 한 번 잰 값으로 둔다.
+
+**셈이 코어 안에 있다** — 말귀가 `<Table>` 을 쓰는 자리가 서른둘이라 한 자리씩 덮개를 댈 수
+없었다.
+
+> **굴릴 수 있다는 것이 눈으로는 아직 안 보인다.** 오른쪽 끝이 그냥 잘려 있어 마우스를 쓰는
+> 사람도 더 있는 줄 모르고 지나간다. 가장자리 그늘이 흔한 답인데 **모양에 관한 일이라 따로
+> 본다** — 자판 쪽이 먼저다.
+
 ## 0.235.0
 
 ### `PassCard` 의 이름에서 **저작권 줄**을 뺀다 · 이름을 받는다 (말귀 요청 ㊾)