[FlexGrid] ReactでimeEnabled=trueを設定してcellTemplateにInputNumberを使用した場合、全角文字を入力するとエラーが発生する – MESCIUS ナレッジベース

作成日: 2022/08/10 最終更新日: 2023/01/11

文書種別

不具合

発生環境

Reactでのみ発生

状況

修正済み

詳細

ReactコンポーネントでimeEnabled=trueを設定し、cellTemplateにてInputNumberを利用した場合に、全角文字を直接入力するとコンソールに"Uncaught TypeError: Cannot read properties of null (reading 'offsetWidth')"のスクリプトエラーが表示されます。

回避方法

この問題はバージョン5.20222.877で修正されました。

修正版を適用しない場合の回避方法は次の通りです。

下記のように、CellTemplateの代わりにColumnのeditorプロパティを使用することで回避できます。

var inp = new wjInput.InputNumber(document.createElement("div"), {
    min: 0,
    max: 999999,
    step: 1,
    format: 'd'
});

return <React.Fragment>
    <CustomFlexGrid ref={this.gridRef} {...props}>
        <FlexGridColumnGroup binding="id" header="ID"/>
        <FlexGridColumnGroup binding="downloads" header="DL数" dataType="Number" format="d" editor={inp} />
    </CustomFlexGrid>
</React.Fragment>;