Wijmo 2025 更新履歴

対応環境

• TypeScript 2(2.9.2)／3(3.0.0、3.1.2、3.9.9)／4(4.0.2-4.0.7、4.3.2、4.7、4.8、4.9)／5(5.2.2、5.4、5.6、5.8)

• Angular 19／20

• React 16／17／18／19

• Vue.js 3

• Next.js 15／16

• Nuxt.js 3／4

機能の追加

全般

• Next.js 16 のサポートを追加しました。

• ライセンスシステムがIPv4 CIDRタイプのサポートを追加しました。

FlexSheet、FlexGrid、Workbook

• FlexSheet に打ち消し線付きフォントスタイルが追加され、打ち消し線付きのテキストを適用、インポート、エクスポートできるようになりました。

TransposedGrid、ImmutabilityProvider

• TransposedGrid で ImmutabilityProvider がサポートされました。

Menu

• ドロップダウンメニュー項目がクリックされてもドロップダウンメニューを開いたままにする keepOpen プロパティをが追加されました。

機能の改善

FlexGrid、FlexGridFilter、FlexGridSearch、GroupPanel、Dropdown、Listbox、ComboBox、Menu、Calendar、MultiSelect、MultiSelectListBox、MultiSelectAutoComplete

• WCAG 2.1 AA規格に準拠するようアクセシビリティサポートを強化しました。

FlexGrid

• ハイコントラストテーマにおいて、ヘッダーエリアの背景色を #4e0721 から #A34661 に変更、セルの境界線を rgba(0,0,0,0.2) から rgba(255,255,255,0.55) に変更、選択色を #576EDB から #587694 に変更、さらにドラッグインジケーターの色を #0021ab から #ffd60a に変更し、グリッド領域のコントラスト比を調整しました。

• aria-colcount と aria-rowcount の結果を修正しました。

• CellMark

  • ハイコントラストテーマにおいて CellMark Sparkline の色コントラストを#376092から #0069cc に変更しました。

• モバイル

  • グリッド内のドロップダウンが誤って配置されている問題を修正しました。

  • 列が小さすぎるとピンボタンをクリックできない問題を修正しました。

  • RowRangeモードで行を選択するとグリッドがスクロールする問題を修正しました。

  • 行のサイズ変更がブラウザスクロールを引き起こす問題を修正しました。

• Tooltip

  • グリッド内のツールチップがホバーできない問題を修正しました。

  • グリッドの列で isRequired が true に設定されていると、無効なデータを入力して再度クリアした後、ツールチップが間違った位置に表示される問題を修正しました。

FlexGridFilter

• ハイコントラストテーマにおいて、入力要素のボーダーを点線 #e2e2e2 からソリッド #e2e2e2 に変更し、値リストのコンテナボーダーカラーを rgba(0,0,0.2) から rgba(110,110,110,0.8) に変更し、コントラスト比を調整しました。

• 条件フィルターの値入力フィールドに表示ラベルを追加しました。

• モバイル

  • グリッド内のフィルターダイアログの位置が誤っている問題を修正しました。

FlexGridSearch

• ハイコントラストテーマにおいて、検索結果のハイライトテキストの色を #fff から#000 に変更し、コントラスト比を調整しました。

GroupPanel

• ハイコントラストテーマにおいて、アイコンの色をradial-gradient (#000 1px, transparent 2px) からradial-gradient (#fff 1px, transparent 2px) に変更し、ボタンの背景色を #4e0721 から #A34661 に変更し、グループボタンのコントラスト比を調整しました。

• 音声認識互換性のために、アクセシブルな名前で最初に表示されるように aria-label を再構築しました。

• グループが削除されたとき、ステータスを aria-live="polite" 領域で通知します。

Dropdown

• ハイコントラストテーマにおいて、ドロップダウン選択項目の背景色を #0021ab から #4261e3 に変更し、コントラスト比を調整しました。

• モバイル

  • ドロップダウンの位置が誤っている問題を修正しました。

  • ドロップダウンをクリックしても閉じられない問題を修正しました。

Listbox

• ハイコントラストテーマにおいて、背景色を #0021ab から #4261e3 に変更し、選択項目のコントラスト比を調整しました。

ComboBox

• ハイコントラストテーマにおいて、ドロップダウン選択項目の背景色を #0021ab から #4261e3 に、グループ項目の背景色を #4e0721 から #A34661 に変更し、ドロップダウンの選択項目とグループ項目のコントラスト比を調整しました。

• NVDAでコンボボックスのグループ化されたリスト項目を読み上げる際、読み上げ内容が正しくない問題を修正しました。

InputNumber

• モバイル

  • ソフトキーボードが開いている間にスピンボタンが動作しない問題を修正しました。

  • n2形式でInputNumberで「.」文字を繰り返し入力すると、カーソルの位置が最後の数字に移動する問題を修正しました。

  • p2形式のInputNumberで「+」を入力した後に「-」を入力しても負の符号が消えない問題を修正しました。

  • Safariで InputNumber が非数値入力を受け付けない問題を修正しました。DOM属性 inputmode="numeric" を削除し、「-」や「.」と同様に、「+」、「*」、「#」などの文字の入力を許可します。

AutoComplete

• モバイル

  • Safariでドロップダウンが開いている間、ソフトキーボードで入力できない問題を修正しました。

Menu

• ハイコントラストテーマにおいて、アクティブメニューの枠線色と選択項目の背景色を #0021ab から #4261e3 に変更し、アクティブなメニューと選択項目のコントラスト比を調整しました。

• RTLモードで矢印キーによるサブメニューの開閉ができない問題を修正しました。

Calendar

• ハイコントラストテーマにおいて、週要素の背景色を #4e0721 から #A34661 に、選択された日の背景色を #0021ab から #4261e3 に変更し、週要素と選択された日のコントラスト比を調整しました。

• デフォルトテーマにおいて、他の月に属する選択日の日付の背景色を #007cbe から #007CBE に変更し、複数月表示の選択された日のコントラスト比を調整しました。

• デフォルトのテーマにおいて、テキストの色を #ffffff から #000000 に変更し、日付範囲内のマウスホバー時の曜日のコントラスト比を調整しました。

• Calendar の selectionMode プロパティが Range に設定されている場合、システムのハイコントラストモードでは複数選択の効果がありません。

MultiSelect、MultiSelectListBox

• ハイコントラストテーマにおいて、［すべて選択］の背景色を #4e0721 から #A34661 に、アクティブ項目の背景色を #0021ab から #4261e3 に変更し、［すべて選択］とアクティブ項目のコントラスト比を調整しました。

MultiSelect

• タッチ操作で指を動かした後にドロップダウンが開かないように修正しました。

MultiSelectAutoComplete

• ハイコントラストテーマにおける、背景色を #0021ab から #4261e3 に変更し、選択項目のコントラスト比を調整しました。

Vue

• 以下の制限事項が解除されました。

  • [9172621833359] データをリアクティブにしている場合に、リアクティブなデータのプロパティなどへの割り当てを行うと正しく動作できない。

不具合の修正

FlexGridFilter

• [14332561388815] white-space: pre;のCSSが含まれている場合、フィルタダイアログのデザインのズレが生じる

ColorPicker

• [13314090115343] アルファ値が0に設定されている場合、カラーピッカーのvalueChangedイベントが発生しない

PivotGrid

• [13333914404751] Excelに出力したときに、縦方向の中央に表示されていたヘッダーセルのコンテンツが下揃えに変わる

TreeNode

• [13414451619215] ensureVisibleやselectでノードを表示した際、横スクロールバーが表示されているとノードの下半分が隠れる位置に移動する

TreeView

• [13441567946895] 縦スクロールバーが表示されているときに、ノードをツリーの最下部にドラッグ＆ドロップしようとすると、垂直スクロール バーの長さが変化し続け、ノードをドロップできなくなる

TabPanel

• [13796377447183] テンプレート機能を使用するWijmo Reactコンポーネントを使用したときにReact 19 + Viteプロジェクトの本番環境では動作しない

AutoComplete

• [14000338125967] AutoCompleteのisEditableプロパティをfalseに設定し、日本語入力（IMEがON）した場合にテキストボックスに入力中の文字が表示されない

• [14307886351503] アイテムソースに存在しない値が入力された後に、lostFocus内で値を空にした場合に、不正な動作が発生する

ListBox

• [13990577310479] Content-Security-Policyが使用されている場合、ListBoxを使用するとCSPエラーが発生する

FlexSheet

• [14127354976399] 混合型セル参照を設定したセルに対してオートフィルやコピー＆ペーストなどの操作が意図した結果にならない

• [14138320161807] ReactコンポーネントのFlexSheetでisTabHolderVisibleプロパティをfalseに設定するとエラーが発生する

MultiRow

• [15004299725071] セルの編集モード中にコンポーネントが破棄されるとエラーが発生する

その他

• Angular 18はフレームワークのサポート終了とあわせて、サポート対象外となりました。

対応環境

• TypeScript 2(2.9.2)／3(3.0.0、3.1.2、3.9.9)／4(4.0.2-4.0.7、4.3.2、4.7、4.8、4.9)／5(5.2.2、5.4、5.6、5.8)

• Angular 18／19／20

• React 16／17／18／19

• Vue.js 3

• Next.js 15

• Nuxt.js 3／4

機能の追加

全般

• Angular 20、Nuxt.js 4のサポートを追加しました。

ColorPicker

• keyActionTabプロパティが追加され、各パネル間のフォーカス制御をTabキーで行えるようになりました。

  • keyActionTabプロパティには、ColorPickerTabKeyAction列挙型の値を割り当てることができます。

ColorPicker、FlexSheetColumnFilter

• ariaLabelプロパティが追加され、要素内のaria-label属性値を設定できるようになりました。

FlexGrid、MultiRow、FlexSheet、TransposedGrid、TransposedMultiRow、PivotGrid

• refreshRangeメソッドに第二引数（GridPanel型）が追加され、任意の範囲の行/列ヘッダーを更新できるようになりました。

• Ctrl＋Cでセルの値をコピーした時もしくはgetClipStringメソッドが実行されたときに発火するgettingCellClipStringイベントが追加されました。

FlexGridFilter

• exactMatchプロパティが追加され、完全一致検索がサポートされました。

FlexGridFilter、FlexSheetFilter

• 条件フィルターと値フィルターの両方を同時に有効にできるマルチフィルター機能を追加しました。

  • グリッド全体でマルチフィルター機能を有効にするには、新たに追加されたdefaultFilterModeプロパティにFilterMode列挙体のMultiFilterの値を設定します。

  • 特定の列のみマルチフィルター機能を有効にするには、ColumnFilterクラス/FlexSheetColumnFilterクラスに新たに追加されたfilterModeプロパティにFilterMode列挙体のMultiFilterの値を設定します。

InputColor

• colorPickerKeyActionTabプロパティが追加され、ドロップダウンカラーピッカーが表示されているとき、各パネル間のフォーカス制御をTabキーで行えるようになりました。

InputTime

• keyActionPrintCharactersプロパティが追加され、印刷可能な文字キー (文字、数字、記号)を入力した時のドロップダウン開閉動作を変更できるようになりました。

  • 詳細は仕様変更のセクションをご確認ください。

InputDateTime、InputDateRange

• showConfirmationButtonsプロパティが追加され、カレンダー下部に「OK」と「キャンセル」ボタンを表示できるようになりました。

InputColor、InputDateRange、InputDateTime、InputTime、MultiSelect、Menu

• keyActionTabプロパティが追加され、ドロップダウンが表示されている状態でTabキーを押下した時のフォーカス動作を変更できるようになりました。

  • keyActionTabプロパティにはTabKeyAction列挙型の値を割り当てることができます。

  • 詳細は仕様変更のセクションをご確認ください。

InputColor、InputDateRange、InputDateTime、InputTime、MultiAutoComplete、MultiSelect、Menu

• keyActionDownArrowプロパティとkeyActionUpArrowプロパティが追加され、上および下矢印キーを押下した時にドロップダウンを開くことができるようになりました。

  • この動作を有効にするには各プロパティにKeyAction列挙型のOpenDropdownを設定してください。

InputColor、InputMask、InputTime、InputDateTime、InputDateRange、MultiAutoComplete、MultiSelect、MultiSelectListBox、DetailDialog

• ariaLabelledByプロパティが追加され、要素内のaria-labelledby属性値を設定できるようになりました。

UndoStack

• 以下のビルトインアクションが追加され、Undo/Redoの操作の際に各アクションの動作を制御（アクションの制限、特定の処理の追加）できるようになりました。

機能の改善

CellMaker、ToolTip、Menu、ColorPicker、InputColor、InputTime、InputDateTime、InputDateRange、InputMask、MultiSelect、MultiSelectListBox、MultiSelectAutoComplete

• WCAG 2.0 AA規格に準拠するようアクセシビリティサポートを強化しました。

ColorPicker、Menu

• フォーカスを取得した時、境界線が追加されました。

仕様変更

ColorPicker

• WCAG要件に準拠するために、flexレイアウトスタイル（行配置）を使用したDOM構造に変更しました。

  • 従来のバージョンでは、floatレイアウトスタイル（列配置）を使用したDOM 構造を利用していました。

Menu

• 分割ボタン(isButtonプロパティがtrue)の状態でEnterキーを押下した時、コマンドが直接実行されるようになりました。

  • 従来のバージョンは、ドロップダウンリストが開閉する動作でした。

  • 本バージョンではドロップダウンリストの開閉をAlt+DownまたはAlt+Upキーで操作することができます。

InputDate、InputDateRange

• showConfirmationButtonsプロパティを有効にしてカレンダーにOK/キャンセルボタンを表示しているとき、複数のカレンダーの場合にも、一つのOK/キャンセルボタンが右下に表示されるようになりました。

  • 従来のバージョンでは、各カレンダーの右下にそれぞれOK/キャンセルボタンが表示されていました。

InputTime

• WCAG要件に準拠するために、印刷可能な文字キー (文字、数字、記号)の入力中にデフォルトでドロップダウンが開くようになりました。

  • 従来のバージョンの動作に変更する場合は、keyActionPrintCharactersプロパティにKeyAction列挙型のChangeSelectionOnlyを設定してください。

InputColor、InputDateRange、InputDateTime、InputTime、MultiSelect、Menu

• WCAG要件に準拠するために、ドロップダウンが表示されている場合、Tabキーを押すとドロップダウンが閉じられ、フォーカスが次のフォーカス可能な要素に移動するようになりました。

  • 従来のバージョンの動作に変更する場合は、keyActionTabプロパティにKeyAction列挙型のCloseAndKeepFocusを設定してください。

不具合の修正

FlexGrid

• [11217705626383] FlexGridが定義されている画面を開くたびに、要素が正しく破棄されない

• [11999595994639] タッチデバイス環境でFlexGridのセルをタップして編集可能にしたときに、ソフトウェアキーボードが一瞬表示されてすぐに閉じてしまう

• [12043969742351] 値フィルタの「クリア」ボタンでウィンドウを閉じた後、再度開くと文字列が残る場合がある

• [12640222120207] FlexGridでスクロールした状態でonDestroyを発生させると、意図せずscrollPositionChangedが発生する

• [12763271795471] 水平スクロールバーが表示された状態で、一番右の列の右端のグリッド境界線をクリックするとわずかに列幅が広がる

• [13744680844431] 列エディタに MultiSelect が設定されている場合、beginningEditイベントをキャンセルして編集不可にしたセルのドロップダウンボタンを押すとスクリプトエラーが発生する

FlexSheet

• [10417741720591] Excelをインポートした場合、シートの列幅がExcelで設定されている列幅と異なる

InputNumber

• [12267073915919] classNameプロパティに任意のクラスをuseStateで動的に設定すると、デフォルトのクラスが設定した新しいクラスで上書きされる

MultiRow

• [12107125281551] 結合セル上でダブルクリックしたとき、 hostElementに設定したdblclickイベントのリスナーが実行されない

PivotGrid

• [13117690797199] Excelに出力したときに、隣接する同値セルが結合される

• [13246638957071] Excelに出力したときに、結合されていた列ヘッダーセルが結合解除されてしまう

Barcode

• [12564816686095] BarCode128のデータに'0E00'文字列値が含まれている場合にバーコードが生成されない

その他

• Angular 17、Next.js 14はフレームワークのサポート終了とあわせて、サポート対象外となりました。

対応環境

• TypeScript 2(2.9.2)／3(3.0.0、3.1.2、3.9.9)／4(4.0.2-4.0.7、4.3.2、4.7、4.8、4.9)／5(5.2.2、5.4、5.6)

• Angular 17／18／19

• React 16／17／18／19

• Vue.js 3

• Next.js 14／15

• Nuxt.js 3

機能の追加

Input

• ChangeSelectionOnlyとOpenDropdownをメンバーに持つ、KeyAction列挙型が追加されました。

• CloseAndKeepFocusとCloseAndMoveFocusをメンバーに持つ、TabKeyAction列挙型が追加されました。

• NoneとAllをメンバーに持つ、CalendarTabKeyAction列挙型が追加されました。

ComboBox、DropDown、InputDate

• keyActionDownArrowプロパティとkeyActionUpArrowプロパティが追加され、上および下矢印キーを押下した時にドロップダウンを開くことができるようになりました。

  • この動作を有効にするには各プロパティにKeyAction列挙型のOpenDropdownを設定してください。

ComboBox、InputDate

• keyActionTabプロパティが追加され、ドロップダウンが表示されている状態でTabキーを押下した時のフォーカス動作を変更できるようになりました。

  • keyActionTabプロパティにはTabKeyAction列挙型の値を割り当てることができます。

  • 詳細は仕様変更のセクションをご確認ください。

AutoComplete、ComboBox、InputNumber、Popup

• ariaLabelledByプロパティが追加され、要素内のaria-labelledby属性値を設定できるようになりました。

Calendar、ColumnFilter、GroupPanel

• ariaLabelプロパティが追加され、要素内のaria-label属性値を設定できるようになりました。

Calendar

• focusModeプロパティが追加され、カレンダーの日付部分にもフォーカスを設定できるようになりました。

• keyActionTabプロパティが追加され、Tabキーでコントロール内のボタンへフォーカスを設定できるようになりました。

  • この動作を有効にするにはCalendarTabKeyAction列挙型のAllを設定してください。

ComboBox

• keyActionPrintCharactersプロパティが追加され、印刷可能な文字キー (文字、数字、記号)を入力した時のドロップダウン開閉動作を変更できるようになりました。

  • 詳細は仕様変更のセクションをご確認ください。

InputDate

• showConfirmationButtonsプロパティが追加され、カレンダー下部に「OK」と「キャンセル」ボタンを表示できるようになりました。

  • このプロパティをtrueに設定すると、選択された日付を変更せずにフォーカスを移動することができます。

FlexGridSearch

• isSubmitOnChangeプロパティが追加され、検索ボックスにテキストを入力後の検索実行タイミングを設定できるようになりました。

  • このプロパティをtrueに設定すると、Enterを押下した後で検索が実行されるようになります。（デフォルト値はfalse）

機能の改善

InputNumber、AutoComplete、DropDown、ListBox、ComboBox、Calendar、InputDate、Popup、Search、GroupPanel、Selector、FlexGridFilter、FlexGrid、DetailRow、TreeGrid

• WCAG 2.0 AA規格に準拠するようアクセシビリティサポートを強化しました。

Calendar、GroupPanel、FlexGridFilter

• フォーカスのある部分に境界線が追加されました。

FlexGrid

• 列ヘッダーにフォーカスがある場合、Ctrl+Shift+F でフィルターダイアログの表示、Ctrl+Shift+S で並べ替え、Ctrl+Shift+P でピン留めが実行できるようになりました。

  • このキーボード操作は各機能を有効にしている必要があります。

FlexGridFilter

• 値フィルターの検索ボックスの左側に「虫眼鏡」の検索アイコンを追加しました。

仕様変更

AutoComplete

• 現在のコントロールの動作をより正確に記述するため、input要素のaria-autocomplete属性の値をbothからlistに変更しました。

ComboBox

• WCAG要件に準拠するために、input要素のaria-owns属性をaria-controls に変更しました。

• WCAG要件に準拠するために、印刷可能な文字キー (文字、数字、記号)の入力中にデフォルトでドロップダウンが開くようになりました。

  • 従来のバージョンの動作に変更する場合は、keyActionPrintCharactersプロパティにKeyAction列挙型のChangeSelectionOnlyを設定してください。

ComboBox、InputDate

• WCAG要件に準拠するために、ドロップダウンが表示されている場合、Tabキーを押すとドロップダウンが閉じられ、フォーカスが次のフォーカス可能な要素に移動するようになりました。

  • 従来のバージョンの動作に変更する場合は、keyActionTabプロパティにKeyAction列挙型のCloseAndKeepFocusを設定してください。

FlexGridFilter

• アクセシビリティ要件を満たすため、コントロール内のタブ要素はNavモジュールのTabPanelコンポーネントを使用するよう変更されました。

  • この変更に伴い、CDNやローカルのスクリプトファイルから FlexGridFilter モジュールを使用している場合は、Navモジュール(wijmo.nav.min.js)もインポートする必要があります。

  • npmを利用している場合は、自動的にインポートされます。

InputNumber

• WCAG要件に準拠するために、ARIA属性をホスト要素からinput要素に移動しました。

ListBox

• ListBox内のチェックボックス型のinput要素をspan要素に置き換えました。

  • これはアクセシビリティテストツールによって報告される「対話型コントロールはネストできません」というエラーを解決し、異なるブラウザー間で一貫したスタイルを確保することを目的としています。

不具合の修正

FlexGrid

• [11543690266895] コントロールが破棄されるとき、selectionChangedイベントが発火する

• [12443499380623] セル結合した列ヘッダーのテキストが、スクロール時に非表示領域を含むセル全体の位置に表示されてしまう

FlexChart

• [11996378740623] itemFormatterを使用して軸ラベルを追加すると、軸タイトルが軸ラベルの位置に表示される

InputDate

• [11746174833167] ドロップダウンを開いた状態で表示値を削除し、カレンダーから日付を選択した後に「Ctrl+Z」で戻すとテキスト部分に日付が２つ表示される

InputTime

• [11337962621199] コントロールの値がitemFormatterのコールバック関数に従ってフォーマットされる

ListBox

• [13970770145551] isDisabledプロパティがtrueに設定されたListBoxの初期表示に、チェックボックスの色は変更されずListBoxが非活性であることが分かりにくい

MultiRow

• [11337962621199] layoutDefinitionを使用してヘッダーテキストを変更できない

対応環境

• TypeScript 2(2.9.2)／3(3.0.0、3.1.2、3.9.9)／4(4.0.2-4.0.7、4.3.2、4.7、4.8、4.9)／5(5.2.2、5.4、5.6)

• Angular 17／18／19

• React 16／17／18／19

• Vue.js 3

• Next.js 14／15

• Nuxt.js 3

機能の追加

全般

• Angular 19、Next.js 15のサポートを追加しました。

• React 19 refのクリーンアップ関数機能のサポートを追加しました。

  • この機能は、トップレベルのコンポーネントで機能し、子コンポーネントでは使用できません。

カルチャ

• サウジアラビアカルチャ(ar-SA)のサポートを追加しました。

FlexGrid

• sortOrderプロパティが追加され、列ヘッダークリック時のソート順序を定義できるようになりました。

  • sortOrderプロパティには、新しく追加されたSortOrder列挙型のAscDesc（デフォルト値）、DescAsc、AscDescNone、DescAscNoneの値を設定することができます。

  • GroupPanel に配置された列もsortOrderプロパティで指定したソート順序が適用されます。

• AllowResizing列挙体にColumnsOverflow、RowsOverflow、BothOverflow、ColumnsAllCellsOverflow、RowsAllCellsOverflow、BothAllCellsOverflowの6つの値が追加されました。

  • マウスドラッグで行や列のリサイズを行う場合、これらの列挙体を利用するとグリッドの表示領域を超えてリサイズすることができます。

• noDataOverlayContentプロパティおよびOverlayManagerクラスが追加され、グリッドにデータが存在しない場合のオーバーレイコンテンツを設定できるようになりました。

RESTCollectionView、ODataCollectionView

• サーバーサイドグルーピング機能を有効にしている場合でのページング機能がサポートされました。

  • サーバーサイドグルーピング機能（遅延読み込み）の場合は、ページング機能は最上位グループのみに適用できます。

  • サーバーサイドグルーピング機能（仮想化）では、ページング機能は利用できません。

機能の改善

カルチャ

• クロアチアの文化通貨記号を kn から € に更新しました。

CollectionViewNavigator

• WCAG 2.0 AAに従って、アクセシビリティが改善されました。

FlexGrid、MultiRow、FlexSheet

• フィルター ダイアログからソートを実行した時 sortingColumnイベントとsortedColumnイベントがトリガーされるようになりました。

FlexGrid

• TreeGridの子項目のテキストインデントが適切に設定されるようになりました。

• root ([wj-part=root])、columnHeader ([wj-part=ch])、columnFooter ([wj-part=cf]) 要素にrowgroupロールが追加されました。

Glyphs

• WijmoグリフがOS​​のコントラスト テーマに応じて、正しくレンダリングされるようになりました。

React

• valueChangedイベント内でStateの更新を行った場合に表示されていた以下の警告が表示されなくなりました。

  • 警告：Warning: Cannot update a component (`XXX`) while rendering a different component (`ForwardRef`). To locate the bad setState() call inside `ForwardRef`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render

仕様変更

CollectionViewNavigator

• 読み取り専用の input要素をspan要素に変更しました。wj-part 属性の値は以前と同様です。

  • 従来のバージョン: ステータス要素のセレクターは input[wj-part=txt-curr] です。

  • 本バージョン: ステータス要素のセレクターは span[wj-part=txt-curr] です

FlexGrid

• WAI-ARIA 関連属性をFlexGridのhostElementから[wj-part="root"]要素のparentElementに移動しました。

  • WAI-ARIA 関連属性をFlexGridのhostElementを対象としていたテストケースでは、[wj-part="root"]要素のparentElementに変更する必要があります。

• 列エディターのホスト要素は [wj-part='root'] 要素の外側に移動され、FlexGridのhostElementの直接の子要素になりました。

  • 従来のバージョン：FlexGrid が編集モードでない場合、列エディターのホスト要素は [wj-part='root'] 要素の子として配置されました。

    • 例: [wj-part="root"] > .wj-control

  • 本バージョン：FlexGrid が編集モードでない場合、列エディターのホスト要素は、FlexGridのホスト要素の直接の 子DOM（.wj-grid-editors-container）の配下として配置されます。

    • 例: .wj-flexgrid > .wj-grid-editors-container > .wj-control

    • FlexSheetの場合、 .wj-grid-editors-containerはロールグリッド要素の兄弟として追加されます。

  • CSSまたはテストケースで非アクティブな列エディター要素をターゲットとするセレクターは、更新する必要があります。

不具合の修正

AutoComplete

• [11496789698575] アイテムソースに存在しない値が入力された後に、lostFocus内でselectedIndexを0に選択しても最初のアイテムが選択されない

FlexGrid

• [11538217822095] headersVisibilityをColumnに設定した状態で、shiftとspaceキーを押下するとスクリプトエラーが発生する

• [11979961995279] wijmo.input.min.jsの参照がない場合に、CSSでグリッドサイズを設定した状態で、スクロールするとスクリプトエラーが発生する

• [11849964261647] FlexGridの列内でセルテンプレートを使用したセルのMenuのヘッダー部分のテキストを押下した時にセルが選択されない

FlexSheet

• [10882092768271] addBoundSheetでCollectionViewをデータソースに設定すると、数式を含む列のソートが正しく行われない

Excel

• [11543602161935] ループ処理内でloadAsyncメソッドでExcelファイルを読み取るとスクリプトエラーが発生する

InputDate

• [11696662286223] controlTemplateプロパティを使用してドロップダウンアイコンを変更すると、他のコントロールのドロップダウンアイコンも変更される

Pupup

• [11243800011023] ポップアップが開いている状態で別ページに移動した時、ポップアップの要素が正しく破棄されない

TabPanel

• [12069346013071] ReactでselectedIndexプロパティを0に設定するとタブが何も選択されない

その他

• npmの@grapecityスコープおよびwijmoスコープは引き続き公開を継続します。