Cubism SDK for Web のデモで scroll-blocking に関する警告が出ている

Cubism SDK トラブル報告
1

【Cubism SDKのバージョン】CubismSdkForWeb-4-r.6.2
【OS名・バージョン】Windows10
【開発使用ツール】Visual Studio Code
【不具合の状況】

再現方法

  1. デモをChromeで表示
  2. 開発者ツールを開いてエミュレータから iPhone SE を選択
  3. リロード

上記の手順でログを確認すると以下の警告が出ます。

[Violation] Added non-passive event listener to a scroll-blocking 'touchstart' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

[Violation] Added non-passive event listener to a scroll-blocking 'touchmove' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

lappdelegate.ts 94, 95行目でontouchstart, ontouchmoveにイベントを追加する際、オプション { passive: true } を設定すれば警告は消えるのでご対応のほど検討頂けると幸いです。

2

@tatsuteb 様

いつも弊社製品をご愛顧くださり誠にありがとうございます。
Live2Dスタッフでございます。

こちら開発環境及び動作確認環境では再現しませんでした。
念のため、ご利用のNode.jsのバージョンをご記載頂けませんでしょうか？

よろしくお願いいたします。

3

返信ありがとうございます。
Node.js のバージョンは v18.15.0 です。

警告はタブレット／スマホのエミュレータでアクセスしたときに出ている状態です :bowing_man:

2023-04-24_23h54_28
2023-04-24_23h54_281174×756 176 KB

4

@tatsuteb 様

ご確認いただきありがとうございます。こちらでも状況再現できました。

SDKのサンプルは通常画面スクロールを扱わないため、ただちにSDKのサンプル自体に影響はないと見ておりますが、調査及び修正対応致します。

ご報告いただきありがとうございました。

「いいね！」 1