@threestarsoftware/tssgrid 0.1.38 → 0.1.40

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 TssGrid の各リリースの変更点。日付は JST。形式は [Keep a Changelog](https://keepachangelog.com/ja/1.1.0/) 準拠（ゆるめ）。
 数値は特記なき限り**自社調べ**（headless Chrome / Windows 11・環境差あり）。
 
+## [0.1.40] - 2026-11-09
+
+### 修正
+- **`display:none` の中でビルドした表の見出し高さが 0 のまま直らない不具合**。非表示だと `offsetHeight` が 0 を返すため、ヘッダ高キャッシュ `_theadH`・ネストヘッダの段積み・固定行(`frozenRows`)の sticky-top が 0 で固まり、タブ/アコーディオンで後から表示しても崩れたままだった。表示されて実寸が得られた時（既存の ResizeObserver → `_reflow`）に**ヘッダ高を測り直し、値が変わった時だけ依存レイアウトを貼り直して自己修復**する `_remeasureHead()` を追加（レスポンシブなヘッダ高変化にも効く）。手動の再描画呼び出しは不要。
+
+## [0.1.39] - 2026-11-08
+
+### 修正
+- **TssAutocomplete の候補ボックスがページスクロールでズレる不具合**。ポップアップは `getBoundingClientRect()`（ビューポート基準）の座標で位置決めしているのに CSS が `position: absolute`（＝ページ基準で解釈）だったため、下へスクロールするほど候補ボックスが上へずれていた。`position: fixed` に修正（他ピッカー tss-calendar / tss-time / tss-datetime / tss-combo / tss-cascade は元から `fixed`＝これで同挙動に揃う）。CSS 1行のみ・JS 変更なし。利用側で `.tss-ac { position: fixed }` を上書きしていた場合、その回避策は不要。
+
 ## [0.1.38] - 2026-11-06
 
 ### 追加

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@threestarsoftware/tssgrid",
-  "version": "0.1.38",
+  "version": "0.1.40",
   "description": "軽量・ノービルド・日本語IME堅牢な編集グリッド（vanilla JS / 依存なし / MIT）。Excel ライクな入力画面を <script> タグ1本で。",
   "license": "MIT",
   "author": "ThreeStarSoftware (https://www.threestarsoftware.co.jp/)",

package/plugins/tss-autocomplete.css

@@ -1,6 +1,6 @@
 /* TssAutocomplete — 候補サジェスト ポップアップ。見た目は変数とクラスで自由に。 */
 .tss-ac {
-  position: absolute; z-index: 9999; background: #fff;
+  position: fixed; z-index: 9999; background: #fff;
   border: 1px solid var(--ac-border, #c3ccd6); border-radius: 6px;
   box-shadow: 0 6px 24px rgba(20, 40, 80, .18); padding: 4px;
   font: inherit; box-sizing: border-box;

package/src/tssgrid.js

@@ -3068,8 +3068,24 @@
       this.extent = e; this.updateSelectionUI(); this._fireSelection();
     }
 
+    // display:none 中にビルドされた表はヘッダ高(_theadH)・ネスト段/固定行の sticky-top が 0 のまま固まる
+    // （offsetHeight が 0 を返すため）。表示されて実寸が得られた時（ResizeObserver→_reflow）に測り直し、
+    // 値が変わった時だけ依存レイアウトを貼り直して自己修復する。レスポンシブなヘッダ高変化にも効く。
+    _remeasureHead() {
+      if (!this.colHeaders || !this.table) return false;
+      const thd = this.table.querySelector('thead');
+      const h = thd ? thd.offsetHeight : 0;
+      if (h === this._theadH) return false;                 // 変化なし（まだ非表示＝0のまま等）＝無駄な再適用をしない
+      this._theadH = h;
+      this.wrap.style.setProperty('--tg-thead-h', h + 'px');   // scrollIntoView の scroll-margin-top を実寸へ
+      this._applyHeaderSticky();                            // ネストヘッダの段積み（tr.offsetHeight 依存）
+      this._applyFrozenRows();                              // 固定行の sticky-top はヘッダ高に依存
+      return true;
+    }
+
     // スクロール / リサイズでセル位置が動いた時、エディタと選択枠を貼り直す
     _reflow() {
+      this._remeasureHead();   // display:none 中ビルドでヘッダ高が0固着→表示時に測り直して自己修復
       if (this.stretchH !== 'none') this._applyStretch();   // 枠幅が変わったら余白を再配分
       this._buildGeomCache();   // 幅/枠が変わったので実測幾何を取り直す（リサイズ/ResizeObserver/window resize）
       if (this.virtual) this._renderWindow(this._vWindow(), false);   // 枠高が変われば窓行数も変わる＝窓を同期