[FlexChart] ChartGesturesが設定されている時、チャートをクリックしてもフォーカスが遷移しない – MESCIUS ナレッジベース

作成日: 2022/01/19 最終更新日: 2022/09/07

文書種別

不具合

状況

修正済み

詳細

ChartGesturesが設定されている時、チャートをクリックしてもチャートにフォーカスが遷移しません。

※マウスホイール操作でチャートをズームした場合にフォーカスがチャートに遷移しない動作については正常な（正しい）動作です。

回避方法

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

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

チャートのhost要素にclick時に、フォーカスを実行するようイベントを追加します。
※マウスホイール時もチャートにフォーカスを遷移させたい場合はwheelイベントを追加することで可能です。

initializeChart: function (flex) {
  this.theChart = flex;

  //回避方法
  flex.hostElement.addEventListener("click", this.moveFocus);
  // ※マウスホイール時もチャートにフォーカスを遷移させたい場合は以下のイベントを追加する
  // flex.hostElement.addEventListener("wheel", this.moveFocus);
},
moveFocus(e) {
  if (document.activeElement.tagName.toLowerCase() == "input") {
    this.theChart.hostElement.focus();
  }
},