@threestarsoftware/tssgrid 0.0.6 → 0.0.7

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 TssGrid の各リリースの変更点。日付は JST。形式は [Keep a Changelog](https://keepachangelog.com/ja/1.1.0/) 準拠（ゆるめ）。
 数値は特記なき限り**自社調べ**（headless Chrome / Windows 11・環境差あり）。
 
+## [0.0.7] - 2026-07-10
+
+### 修正
+- カスタムエディタ（`tss-calendar` / `tss-datetime` 等、`body` 直下にポップアップを出す型）を**開いたままフィルタ/ソート/フリーズ/再描画**すると、ポップアップが画面に取り残されて浮く不具合を修正（`buildTable()` が開いているエディタを閉じていなかった）。1修正で全カスタムエディタに効く。
+- ポップアップ型エディタ（`tss-calendar` / `tss-time` / `tss-datetime` / `tss-autocomplete`）で、**別のセルを続けて開く**と前のポップアップと `document` リスナが片付かず取り残し／リークする不具合を修正（各 `show()` 冒頭で `teardown()` するよう統一）。
+
+### 補足（挙動変化・影響範囲）
+- カスタムエディタを開いたまま再描画/フィルタ/ソートすると、そのエディタは**キャンセル確定**となり `onEditEnd({ canceled: true })` が発火するようになりました（従来は発火せずポップアップだけ取り残していた）。
+- ネイティブのドロップダウン（`<select>`）は永続要素のため上記いずれの影響も受けません（確認済み）。
+
 ## [0.0.6] - 2026-06-30
 
 ### 追加
@@ -67,6 +77,7 @@ TssGrid の各リリースの変更点。日付は JST。形式は [Keep a Chang
 - 初回公開。コア（編集グリッド／日本語 IME 堅牢・全角半角・セル結合・固定行列・非破壊フィルタ・条件付き書式・コピー/貼付・Undo/Redo ほか）＋同梱プラグイン＋サンプル一式。
 - 目玉デモ（方眼ガント／在庫管理）をサイトでライブ化。
 
+[0.0.7]: https://github.com/threestarsoftware/TssGrid/releases/tag/v0.0.7
 [0.0.6]: https://github.com/threestarsoftware/TssGrid/releases/tag/v0.0.6
 [0.0.5]: https://github.com/threestarsoftware/TssGrid/releases/tag/v0.0.5
 [0.0.4]: https://github.com/threestarsoftware/TssGrid/releases/tag/v0.0.4

package/package.json

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

package/plugins/tss-autocomplete.js

@@ -88,6 +88,7 @@
       pop.style.minWidth = r.width + 'px';
     }
     function show(anchor, value, ctx) {
+      teardown();   // 既に開いていれば先に片付ける（open-while-open の取り残し防止・tss-calendar と同方針）
       done = false; ref = { ctx: ctx };
       pop = document.createElement('div'); pop.className = 'tss-ac' + (opts.className ? ' ' + opts.className : ''); pop.tabIndex = -1;
       pop.innerHTML = '<input class="tss-ac-input" type="text"><div class="tss-ac-list"></div>';

package/plugins/tss-calendar.js

@@ -98,6 +98,7 @@
       if (k === 'PageUp' || k === 'PageDown') { e.preventDefault(); view = new Date(view.getFullYear(), view.getMonth() + (k === 'PageUp' ? -1 : 1), 1); render(); }
     }
     function show(anchor, value, onPick, onCancel) {
+      teardown();   // 既に開いていれば先に片付ける（前の pop 除去＋outside リスナ解除・open-while-open の取り残し防止）
       done = false; sel = parseISO(value);
       view = sel ? new Date(sel.getFullYear(), sel.getMonth(), 1) : new Date();
       focus = sel ? new Date(sel) : new Date();

package/plugins/tss-datetime.js

@@ -137,6 +137,7 @@
       else if (e.key === 'Enter') { e.preventDefault(); commit(value()); }
     }
     function show(anchor, val, onPick, onCancel) {
+      teardown();   // 既に開いていれば先に片付ける（open-while-open の取り残し防止・tss-calendar と同方針）
       done = false;
       var p = parseDT(val), tp = p ? null : parseTimeOnly(val);   // 日付付き or 時刻のみ
       selD = p ? p.d : null;

package/plugins/tss-time.js

@@ -61,6 +61,7 @@
       else if (e.key === 'Enter') { e.preventDefault(); commit(readValue()); }
     }
     function show(anchor, value, onPick, onCancel) {
+      teardown();   // 既に開いていれば先に片付ける（open-while-open の取り残し防止・tss-calendar と同方針）
       done = false;
       pop = document.createElement('div'); pop.className = 'tss-time' + (opts.className ? ' ' + opts.className : ''); pop.tabIndex = -1;
       document.body.appendChild(pop);

package/src/tssgrid.js

@@ -1218,6 +1218,7 @@
       this._renderWindow(this._vWindow(), false);   // 窓を即同期（place 前に DOM を確定）
     }
     buildTable() {
+      if (this._customEditor && this._customCancel) this._customCancel();   // 開いているカスタムエディタを閉じる（body直下ポップアップの取り残し防止・_commitActive と同じ扱い）
       this._selhdrFg = null;   // 選択ヘッダ文字色キャッシュ破棄（テーマ変更に追従）
       const rh = this.rowHeaders;
       let html = '<colgroup>' + (rh ? '<col style="width:' + this.rowHeaderW + 'px">' : '');