Google Chrome で以下の操作を行った場合に不要なスクロールが発生することがあります。

   * オートコンプリートコンポーネントで文字入力を行う
   * IMBox の「さらに見る」ボタンをクリックする

以下の Google Chrome のバージョンでこの挙動を確認しています。

   * 84.0.4146.89

Google Chrome のバージョンアップによりフォーカス中の要素操作時のスクロールの挙動が変更されたために発生しています。

この現象について次のいずれかの方法で回避可能です。

   1. 事象が発生しないバージョンの Google Chrome を利用する
   2. intra-mart Accel Platform に対して修正モジュールを適用する

「1. 事象が発生しないバージョンの Google Chrome を利用する」場合

本事象は Google Chrome 84 より前のバージョンにおいて発生しないことを確認しております。


「2. intra-mart Accel Platform に対して修正モジュールを適用する」場合

intra-mart Accel Platform に対して修正モジュールを適用する場合、e Builderを利用して修正モジュールを作成する必要があります。
以下の手順で作成したユーザモジュールを適用することで事象の回避可能です。

1. IM-Juggling を起動して対象のプロジェクトを開き「静的ファイルの出力」を行います

   https://www.intra-mart.jp/document/library/iap/public/setup/iap_setup_guide/texts/create_war/create_static_file.html

2. 出力を行った zip ファイルを解凍し次のファイルを抽出します

   * ui/css/imui.css
   * ui/css/imui.min.css

3. それぞれのファイルの末尾に次の内容を追記します

.ui-autocomplete-input {
  overflow-anchor: none;
}

4. IMBox モジュールを利用している場合、次のファイルを抽出します

   * imbox/css/imbox.css
   * imbox/css/imbox.min.css

5. それぞれのファイルの末尾に次の内容を追記します

#imui-container div.imbox div.imbox-timeline div.imbox-timeline-body #imbox_timeline_more button.imbox-timeline-more-button {
  overflow-anchor: none;
}
#imui-container div.imbox div.imbox-common-user-select div.imbox-common-user-box-area input.imbox-common-user-select-input {
  overflow-anchor: none;
}

6. e Builder でモジュール・プロジェクト作成して修正したファイルをプロジェクトに配置します

   https://www.intra-mart.jp/document/library/ebuilder/public/e_builder_user_guide/text/common_function/index.html

   プロジェクトの次の場所に修正したファイルを配置します
   https://www.intra-mart.jp/document/library/ebuilder/public/e_builder_user_guide/text/process/index.html#モジュール・プロジェクトの構成

      * src/main/public/ui/css/imui.css
      * src/main/public/ui/css/imui.min.css
      * src/main/public/imbox/css/imbox.css (IMBox モジュールを利用している場合)
      * src/main/public/imbox/css/imbox.min.css (IMBox モジュールを利用している場合)

   module.xml を編集し以下の依存関係を追加します
   https://www.intra-mart.jp/document/library/ebuilder/public/e_builder_user_guide/text/process/module.html

      * id: jp.co.intra_mart.im_ui
      * バージョン: UI基本モジュールのバージョン番号
      * 最小バージョン: UI基本モジュールのバージョン番号
      * 最大バージョン: UI基本モジュールのバージョン番号

   ※UI基本モジュールのバージョン番号は IM-Juggling 上で juggling.im を開き
   「ベースモジュール」タブの「intra-mart Accel Platform」→「標準機能」→「基本機能」の配下の「UI基本モジュール」のバージョン番号から確認してください。

   IMBox モジュールを利用している場合、以下の依存関係も追加します

      * id: jp.co.intra_mart.imbox
      * バージョン: IMBoxのバージョン番号
      * 最小バージョン: IMBoxのバージョン番号
      * 最大バージョン: IMBoxのバージョン番号

   ※IMBoxのバージョン番号は IM-Juggling 上で juggling.im を開き
   「ベースモジュール」タブの「intra-mart Accel Platform」→「標準アプリケーション」の配下の「IMBox」のバージョン番号から確認してください。

5. immファイルのエクスポートを行いユーザモジュールを生成します

   https://www.intra-mart.jp/document/library/ebuilder/public/e_builder_user_guide/text/common_function/imm_export.html

※ユーザモジュールの適用方法についてはこちらを参考にしてください。
   アップデート・パッチ・ユーザモジュールの適用方法が分かりません。
   https://product.intra-mart.support/hc/ja/articles/360034947974

この問題は 2020 Summer (Zephirine) [8.0.26] のアップデートで対応しました。

   https://issue.intra-mart.jp/issues/32064

 -- 対象 ------------------------------------------------------------------------
iAP/Accel Platform/全アップデート
 --------------------------------------------------------------------------------

FAQID:1027