@ihabdevteam/core 0.350.0 → 0.351.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +40 -0
- package/dist/components.cjs.js +1 -1
- package/dist/components.esm.css +1 -1
- package/dist/hooks.cjs.js +1 -1
- package/dist/i18n.cjs.js +1 -1
- package/dist/ihabdevteam-core.cjs.js +2 -2
- package/dist/ihabdevteam-core.d.ts +1 -1
- package/dist/packages/core/src/components/Checkbox.css +7 -0
- package/dist/packages/core/src/version.d.ts +1 -1
- package/dist/packages/core/src/version.js +1 -1
- package/dist/utils.cjs.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -7,6 +7,46 @@ All notable changes to this project will be documented in this file.
|
|
|
7
7
|
> 적은 글이라, 지금 이름으로 고쳐 놓으면 그 시절에 그 이름으로 받은 사람이
|
|
8
8
|
> 제 이야기를 못 찾는다.
|
|
9
9
|
|
|
10
|
+
## 0.351.0 — 체크박스를 누르면 폰에서 창이 맨 위로 튀던 것
|
|
11
|
+
|
|
12
|
+
### 체크박스를 누르면 폰에서 창이 맨 위로 튀던 것
|
|
13
|
+
|
|
14
|
+
사장님 신고(2026-10-20) · 말귀가 **실제 폰에서 재현하고 자리까지 짚어** 왔다. 가입 창의
|
|
15
|
+
동의 칸을 누르면 창이 맨 위로 튀었다.
|
|
16
|
+
|
|
17
|
+
`.checkbox__input` 은 진짜 `<input>` 을 **1px 로 숨기고**(`position: absolute` · `clip`) 곁의
|
|
18
|
+
그림을 대신 그린다 — 자판과 읽어 주기가 살아 있으려면 칸을 지우면 안 되기 때문이다.
|
|
19
|
+
그런데 감싸개 `.checkbox` 에 `position` 이 없어 그 칸이 **가장 가까운 자리 잡힌 조상**,
|
|
20
|
+
즉 **창의 스크롤 통**에 매였다. 이름표를 누르면 숨은 칸이 초점을 받고 브라우저가 그것을
|
|
21
|
+
보이려 거기로 굴린다.
|
|
22
|
+
|
|
23
|
+
**브라우저로 견줬다** — 놀이터의 체크박스 셋:
|
|
24
|
+
|
|
25
|
+
| | 고치기 전 | 고친 뒤 |
|
|
26
|
+
|---|---|---|
|
|
27
|
+
| 감싸개 `position` | `static` | `relative` |
|
|
28
|
+
| 숨은 칸의 `offsetParent` | **`main.playground-content`**(스크롤 통) | **`label.checkbox`** |
|
|
29
|
+
| `offsetTop` | 4916 · 5072 · 9142 | 84 · 52 · 21 |
|
|
30
|
+
|
|
31
|
+
`offsetParent` 가 바로 "가장 가까운 자리 잡힌 조상" 이라 이것을 물으면 눈으로 재는 것보다
|
|
32
|
+
또렷하다(쪽이 3만px 라 `scrollIntoView` 로는 굴림이 안 멎어 흔들렸다).
|
|
33
|
+
|
|
34
|
+
**`.radio`·`.toggle` 은 진작 `position: relative` 를 갖고 있었고 `.checkbox` 만 빠져 있었다.**
|
|
35
|
+
같은 꼴로 숨기는 자리가 여섯인데, **초점을 받는 것은 입력칸 셋뿐**이다(나머지는 읽어 주기용
|
|
36
|
+
글이라 초점을 안 받아 안 튄다). `.word-table-cell__score-slot` 은 단추가 들지만 조상
|
|
37
|
+
(`.word-table-cell`)이 자리를 잡고 있어 멀쩡하다.
|
|
38
|
+
|
|
39
|
+
**못을 세웠다** — `test/hiddenInputNeedsAnchor1020.test.ts`. CSS 를 글자가 아니라 postcss 로
|
|
40
|
+
파서, 숨기는 규칙(`position: absolute` + 눈에서 치우는 표시)을 찾고 그 **감싸개가 자리를
|
|
41
|
+
잡았는지** 본다. 이 꼴은 **터지지도 울지도 콘솔에 남지도 않고 화면만 튄다** — 눈으로만 잡힌다.
|
|
42
|
+
`.checkbox` 와 `.radio` 양쪽에서 `position` 을 빼어 둘 다 자리를 또박또박 짚는 것을 봤다.
|
|
43
|
+
|
|
44
|
+
앱이 `src/app/App.css` 에 임시로 덮어 둔 것은 이 판을 받으면 걷으면 된다.
|
|
45
|
+
|
|
46
|
+
**새 시험에 한글 이름을 또 썼다**(`못짚음`·`뜬것`) — `identifiersAreEnglish1013` 이 울렸다.
|
|
47
|
+
집안 규약은 시험에도 걸리는데 **같은 자리에서 세 번째다.** 다음부터는 시험을 쓴 뒤 담기 전에
|
|
48
|
+
그 문을 먼저 돌린다 — 관문 한 바퀴(10분)를 거기에 쓸 까닭이 없다.
|
|
49
|
+
|
|
10
50
|
## 0.350.0 — `DatePicker` 를 손으로 치고, `PanelRowText` 가 마디를 받는다
|
|
11
51
|
|
|
12
52
|
### `DatePicker` 연·월 — 가운데로 모으고, 1900년까지 연다
|