Collaboraモバイルキーボードを開いたときにテキストを表示したままにする

Collabora Onlineで画面上のキーボードがアクティブな行を覆ってしまう場合は、まず変更を保存し、キーボードを閉じて、カーソルがカーソルの上に表示されるまでドキュメントをスクロールしてください。それでも問題が解決しない場合は、同じファイルをフル機能のモバイルブラウザで開いてみてください。これにより、原因がブラウザ、埋め込みWebView、またはCollaboraがホストされているページのいずれにあるのかを特定できます。

モバイルキーボードの重なりをすべて解決する単一のユーザー設定はありません。Collabora Onlineはブラウザまたは他の製品の統合内で動作するため、利用可能な解決策は、エディタの高さが間違っている原因となっているレイヤーによって異なります。以下のチェック項目は、一時的な編集回避策と、管理者またはアプリ開発者が行う必要のある変更を区別するためのものです。

1. 編集のリスクを冒さずに非表示の行を復元する

1. 編集または同期が完了するまで待ち、ホストに保存コマンドが提供されている場合は保存してください。
2. キーボードは、キーボードの下矢印キーまたはデバイスの戻るボタンで非表示にしてください。保存されていない編集内容を含むドキュメントは再読み込みしないでください。
3. アクティブな段落、表のセル、または入力フィールドがキーボード領域の上にくるように、文書をスクロールしてください。
4. 目的の挿入位置をもう一度タップしてください。開いた瞬間にキーボードがカーソルを覆ってしまう場合は、カーソルを非表示にして、文書内の少し上の位置に移動してから続行してください。

これはレイアウトを修正するのではなく、現在の表示を変更するものです。カーソルが次のキー入力までしか表示されない場合、またはキーボードを開いたときにページがジャンプする場合は、ブラウザとホストのチェックを続行してください。

2. 重なりの原因となっている層を特定する

同じファイルで同じ編集操作を繰り返し、失敗する箇所を記録してください。CollaboraはCollabora Onlineをレスポンシブなブラウザエディタと説明し、独立したモバイルアプリであるCollabora Officeとは区別しています。これらのパスでは、異なるブラウザエンジン、ホストコンテナ、キーボード処理が使用される可能性があるため、製品の不具合を報告する前に、同じ条件で比較してください。

• 1つのブラウザのみがエラーを起こした場合、そのブラウザをアップデートし、組織がサポートする別の最新ブラウザでファイルをテストしてください。
• ホストアプリは動作しないが、システムブラウザではリンクが正常に機能する。アプリの所有者は、アプリに組み込まれているWebView、またはキーボードのサイズ変更設定を調査する必要があるだろう。
• ブラウザとホストアプリの両方が、あるデバイスで動作しない場合は、デバイスのモデル、オペレーティングシステムのバージョン、ブラウザのバージョン、およびページが縦向きか横向きかをメモしておいてください。これはデバイスとブラウザのビューポートの相互作用を示唆していますが、それ自体ではCollaboraの欠陥を証明するものではありません。
• 同じ不具合が複数のデバイスで、特定のサービスにおいてのみ発生しています。そのサービスの管理者に、組み込みエディタコンテナとそのモバイルレイアウトを調査するよう依頼してください。

Collaboraの公式FAQでは、モバイルブラウザでのレスポンシブなCollabora Onlineの利用方法について説明しています。モバイル製品の概要では、ブラウザ版Collabora Onlineと専用モバイルアプリについてそれぞれ個別に解説しています。バグ報告を送るチームを選択する際は、この違いを考慮してください。

3. Collaboraを埋め込んだページを管理している場合

モバイル端末では、ビジュアルビューポートとは画面に現在表示されているページの領域のことです。キーボード操作によってビューポートを縮小しても、ページのレイアウトビューポートは変わりません。MDNによると、ビューポートの動作はブラウザによって異なります。埋め込み環境では、最上位のホストページには有用なビジュアルビューポートの測定値が含まれている場合がありますが、iframe自体の測定値はキーボード操作で調整された画面サイズを同じように表すとは限りません。

キーボードが開いたときにホストページが正しく応答することを確認してください。エディタフレームは使用可能な高さに収まり、キャレットは移動可能な状態を維持し、ページはフレームをスクロールして表示できる必要があります。キーボードによって表示領域が変更されないことを前提とした、固定ピクセル高さや常時全画面表示のフレームは避けてください。外側のページのビューポートのリサイズイベントとスクロールイベントを使用してエディタに使用可能なスペースを再計算し、ユーザーが実際に使用するブラウザとデバイスでテストしてください。MDNには、このような表示領域の変更に関するVisualViewport APIとそのリサイズイベントの説明があります。

一部のブラウザは、仮想キーボードが表示されたときにページコンテンツのサイズを変更するようにブラウザに要求するビューポート設定もサポートしていますinteractive-widget=resizes-content。これはホストページのレイアウトに影響し、ブラウザのサポート状況は統一されていないため、Collabora の汎用的な修正として追加しないでください。デプロイする前に、メニュー、ツールバー、スクロール、キーボードの非表示など、埋め込みエクスペリエンス全体をテストしてください。このオプションについては、MDN のビューポートメタリファレンスで説明されています。

4. CollaboraがAndroidアプリ内で起動する場合

アプリ開発者に、WebView を含む Activity を検査するように依頼してください。Android の公式ガイダンスによると、android:windowSoftInputMode="adjustResize"アプリのレイアウトはキーボードによって空いたスペースに合わせてサイズ変更され、スクロールが必要な場合でもコンテンツにアクセスできるようになります。Collabora を埋め込んだアプリの場合、Activity マニフェストには以下が含まれる可能性があります。

<activity
    android:name=".EditorActivity"
    android:windowSoftInputMode="adjustResize" />

アクティビティ名と既存のマニフェスト属性はアプリによって異なります。重複するアクティビティを追加するのではなく、この設定を現在の宣言にマージしてください。この Android 設定は、ネイティブ Android アプリまたは WebView ホストに適用され、通常のブラウザ タブや iOS には適用されません。アプリのビルドを変更する前に、Android キーボードの表示に関するガイドを参照してください。

検証チェックリスト

• キーボードが開いている状態では、編集中の行またはセルが表示されたままになるか、文書を十分にスクロールして表示されるようにします。
• 複数行入力しても、カーソルはキーボードの背後に移動しません。
• キーボードを非表示にすると、空白部分やスクロール領域が詰まることなく、ドキュメント全体が表示されます。
• デバイスを回転させた後、サポートされている各アクセス経路（直接ブラウザ、組み込みアプリ、専用モバイルアプリ）でテストを繰り返してください。
• 変更が保存されたことを確認し、ファイルの種類、デバイスとOS、ブラウザまたはホストアプリのバージョン、および再現手順を添えて、継続的なエラーを報告してください。

ウェブページがクラウドストレージプロバイダーまたは組織によって管理されている場合、ユーザーはフレームサイズを変更できない可能性があります。チェックリストと再現手順の詳細をそのサービスの管理者に送信してください。ホストページまたはアプリの所有者のみが、ビューポートまたはWebViewの設定を変更できます。