Collabora Online モバイル Web ビューでキーボードがテキストを覆い隠す問題を修正します

Collabora Onlineで編集中の段落、セル、または検索フィールドが画面上のキーボードで隠れてしまう場合は、まず問題の原因がドキュメントエディタ、モバイルブラウザ、またはCollaboraをWebViewに埋め込んでいるアプリのいずれにあるかを確認してください。スマートフォンでは、キーボードによってページレイアウトのすべての要素のサイズが変更されることなく、ページの表示領域が縮小されることがあります。エディタは元の位置を維持する一方で、ブラウザやホストアプリは小さくなった表示領域を異なる方法で処理する場合があります。

サーバー設定を変更する前に、まず以下のチェックを行ってください。埋め込みビューとスタンドアロンブラウザで同じドキュメントを簡単に比較することで、問題の原因がドキュメントホストにあるかどうかを判断できる場合が多くあります。Androidアプリやウェブサイトを管理している場合は、カスタムスクリプトを追加する前に、ホストがキーボードとWebViewのインセットをどのように処理しているかを確認してください。

まず最初に何をチェックすべきでしょうか?

  1. ドキュメントを保存してから、同じスマートフォンの最新のスタンドアロンブラウザで同じファイルを再度開いてください。
  2. 同じテキストまたはスプレッドシートの入力欄をタップし、キーボードを開いて、カーソルとテキストが表示されたままになっているかどうかを確認してください。
  3. 元のアプリまたは埋め込みWebビューで同じ手順を繰り返してください。埋め込みバージョンのみで問題が発生する場合は、ホストアプリとWebビューの両方を問題の一部として記録してください。
  4. スマートフォンを回転させたり、ズームアウトを1段階してみてください。これらは診断のための暫定的な対処法であり、ビューポートの不具合を修復するものではありません。

Collabora Onlineはブラウザベースであり、主要なブラウザに対応していると説明しています。また、モバイルアプリも別途提供しています。これらはドキュメントにアクセスする異なる方法なので、実際に使用する方法でテストしてください。Collabora Onlineの製品情報とモバイルアプリの情報をご覧ください。対策:設定を変更する前に、通常のアプリとスタンドアロンブラウザで同じドキュメント、アカウント、入力フィールドを比較してください。

なぜキーボードが文字を覆ってしまうのですか?

モバイルウェブページには、レイアウトビューポートとビジュアルビューポートがあります。レイアウトビューポートはページのレイアウト領域を表し、ビジュアルビューポートは現在画面に表示されている部分を表します。仮想キーボードが表示されると、ブラウザはビジュアルビューポートを縮小し、フォーカスされたフィールドに向かってスクロールする場合があります。正確な動作は、ブラウザと埋め込みコンテキストによって異なります。ドキュメントエディタ、ブラウザ、またはネイティブホストが古いビューポートの高さを前提としている場合、アクティブなコンテンツがキーボードの背後に隠れてしまう可能性があります。

この違いについては、MDNのVisualViewportに関するリファレンスに記載されています。これはWebの基本的な動作を説明するものであり、特定のCollaboraリリースに既知の欠陥があることを証明するものではありません。対処法:スタンドアロンブラウザ比較を使用して、問題がブラウザ間でエディタに付随するのか、それとも特定のホスト内でのみ発生するのかを判断してください。

誰かがドキュメントを編集しているときの修正

1. 編集コンテキストを更新して再度開きます

モバイルブラウザまたはホストアプリの利用可能なアップデートをインストールし、ドキュメントを閉じてから再度開いてください。これにより、古いページ状態やバージョン固有の問題が解決する場合がありますが、ビューポートのバグが確実に修正されるとは限りません。ブラウザやオペレーティングシステムのアップデート後も開いたままになっているキャッシュされたタブに依存しないようにしてください。対処方法:完全に閉じてから再度開いた後に再度テストし、キーボードがまだキャレットを非表示にする場合は、ブラウザまたはアプリのバージョンをメモしてください。

2. 比較または一時的な回避策としてスタンドアロンブラウザを使用する

Collaboraをクラウドストレージアプリ、メールクライアント、またはカスタムポータルから開いた場合は、そのサービスの「ブラウザで開く」オプションが利用可能であれば、それを使用してください。スタンドアロンブラウザでテキストが表示されたままの場合は、アプリに埋め込まれたWebViewまたはネイティブの画面レイアウトに問題がある可能性が高いです。どちらのバージョンでも同じように問題が発生する場合は、ブラウザエンジン、オペレーティングシステム、エディタのバージョン、または特定のCollaboraコントロールに問題がある可能性があります。

スタンドアロンブラウザが常に恒久的な解決策であるとは限りません。認証やファイル保存にはホストブラウザが必要になる場合があります。対処法:緊急編集のためにカーソルが表示された状態を維持するルートを使用し、比較結果をサービスまたはアプリの管理者へ報告してください。

3. 作業スペースを広く確保する

一時的な回避策として、デバイスを横向きに回転させたり、ページのズームを少し下げたり、ドキュメントをスクロールしてアクティブな段落が画面上部に表示されるようにしたり、編集の合間にキーボードを非表示にしたりしてください。Calcでは、数式入力領域やセル編集コントロールの動作がグリッドでの直接編集と異なる場合があるため、非表示になっている特定のコントロールをテストしてください。これらの手順でフォーカスされているコンテンツが表示されるようになりますが、アプリのビューポート処理が正しいことを証明するものではありません。

対処方法:回避策を講じるたびに同じ編集操作を繰り返し、挿入ポイントと周囲のテキストの両方が表示されていることを確認してください。ツールバーのフィールドまたは検索ボックスのうち1つだけが隠れている場合は、文書全体が使用不能であると報告するのではなく、そのフィールドを具体的に報告してください。

これはCollaboraの既知の問題ですか?

Collaboraに関する最近の報告の中には、キーボードが表示されるとモバイルコントロールが非表示になるというものがあります。ただし、これらの報告は特定のデバイス、アプリのバージョン、ワークフローに関連しています。例えば、2026年9月の報告では、iOSおよびiPadOS版のCollaboraモバイルアプリで、キーボードによって検索フィールドが非表示になるという問題が報告されています。この報告は、プロジェクトの課題追跡システムでは「未確認」とされています。この報告は、報告された症状を示すものであり、すべてのCollabora Onlineモバイルブラウザに同じバグが存在すること、または修正プログラムが存在することを証明するものではありません。報告内容の正確な範囲については、 Collaboraモバイル検索フィールドに関する報告を参照してください。

対応策:問題を自分のケースとして扱う前に、問題のステータスとバージョン詳細を確認してください。ブラウザベースのCollaboraセッションを使用しているユーザーは、問題がCollabora Officeのネイティブモバイルアプリではなく、Web版で発生していることを明確に伝える必要があります。

Android WebView開発者は何を検査すべきでしょうか?

アプリが Collabora Online を Android WebView に埋め込んでいる場合は、ホスト アクティビティのソフト キーボードとウィンドウ インセットの動作を確認してください。Android のガイダンスでは、アクティビティはキーボードが開いたときにウィンドウのサイズ変更を要求できるとされていますandroid:windowSoftInputMode="adjustResize"。Android は最新の WebView ウィンドウ インセットについても説明しています。インセットの変更を消費したり渡さなかったりすると、WebView がビューポートの更新を受け取れなくなり、などの動作に支障をきたす可能性がありますscrollIntoView()。最新のAndroid 入力メソッドの表示に関するガイダンスとAndroid の WebView ウィンドウ インセット ガイドを参照してください。

adjustResizeこれは便利な出発点ですが、万能な1行パッチではありません。エッジツーエッジのレイアウト、Androidのバージョン、カスタムインセットリスナー、親コンテナ、WebViewの配置によって結果が変わる可能性があります。特に、子孫がキーボードインセットをどのように受け取るかを理解せずに、キーボードインセットを使用しないでください。対処法:WebViewと標準の編集可能なフィールドを含む最小限のホスト画面をテストし、そのキーボード動作をCollaboraページと比較します。ホスト設定を一度に1つずつ変更し、スクロール、キャレットの表示、キーボードの非表示を再テストします。

iOSでは、Webビューを埋め込むネイティブアプリは、ホストアプリのUIKit/WebKitレイアウトとページ自体の両方でチェックする必要があります。Appleは、UIKitのkeyboardLayoutGuideを通じてキーボード対応レイアウトについて説明しています。これはアプリ開発者向けのプラットフォームガイダンスであり、Collaboraドキュメントのエンドユーザー設定ではありません。

CollaboraにJavaScriptやCSSを追加すべきでしょうか?

通常、エディタの iframe に CSS を挿入したり、Collabora のドキュメントレイアウトを変更したりすることから始めないでください。VirtualKeyboard API を使用すると、Web アプリケーションがキーボード オーバーレイを直接制御できますが、MDN では、この機能は限定的に利用可能であると示されており、ブラウザの通常のリサイズ動作を無効にするには、ページ自体がキーボードのジオメトリを管理する必要があると説明されています。また、iframe 内のビジュアル ビューポートは、必ずしもトップ レベルのページと同じ測定値を報告するとは限りません。MDN のVirtualKeyboard API リファレンスとVisualViewport リファレンスを参照してください。

対処方法:まずはサポートされている統合機能とホストアプリの設定を使用してください。統合機能を維持管理し、対象デバイスで問題が再現し、ドキュメントの入力や保存を妨げることなくエディターの埋め込みフレームをテストできる場合にのみ、ページレベルの回避策を追加してください。

再現可能な問題はどのように報告すればよいですか?

管理者またはアプリ開発者に以下の内容を含む簡単なレポートを送信してください。

  • スマートフォンまたはタブレットの機種、オペレーティングシステムのバージョン、および該当する場合はキーボードアプリ。
  • ブラウザ名とバージョン、またはWebViewが関係する場合はホストアプリ名とバージョン。
  • Collabora Onlineのバージョン(判明している場合)と、使用されているクラウドまたはポータル統合の種類。
  • 文書の種類と、非表示になる具体的なコントロール(Writerのテキスト、Calcのセル、数式バー、検索フィールドなど)。
  • 同じ文書がスタンドアロンのブラウザで正しく表示されるかどうか、また、縦向き表示と横向き表示で結果が変わるかどうか。
  • 個人情報を含む文書の内容が削除または隠蔽された、短い画面録画。

Collaboraの課題追跡システムでは、モバイル端末の不具合報告者に対し、端末とOSのバージョン、アプリのバージョン、再現手順、期待される動作、および実際の動作を記載するよう求めています。課題報告ページに従い、機密文書や認証情報を投稿しないようにしてください。

それが修理済みかどうかは、どうすればわかりますか?

同じファイルを再度開き、キーボードを表示した状態で同じ編集操作を繰り返してください。フォーカスされているテキストまたはセルは表示されたままになり、カーソルは期待どおりの位置に表示されます。ページがジャンプしたりフォーカスを失ったりすることなく、入力、次の段落またはセルへのスクロール、キーボードの非表示が行えるはずです。縦向きと横向きでそれぞれ1回ずつ繰り返し、ワークフローで両方が重要な場合は、埋め込みアプリとスタンドアロンブラウザを個別にテストしてください。

いずれか1つのパスのみが依然として失敗する場合は、診断の範囲をそのブラウザ、アプリ、またはコントロールに絞り込んでください。その情報は、メンテナーがCollaboraのモバイルエディタ、ブラウザのビューポート、またはネイティブのWebViewコンテナのいずれを調査すべきかを判断するのに役立ちます。

コメントを残す

Microsoft Wordで画像を移動する方法

Microsoft Wordで画像を移動する方法

Wordで画像をドラッグする方法、テキストの折り返しを選択する方法、段落内に画像を保持する方法、ページ上に画像を固定する方法、そして画像が移動しない場合のトラブルシューティング方法を学びましょう。

Excelにチェックボックスを挿入する方法:2つの簡単な方法

Excelにチェックボックスを挿入する方法:2つの簡単な方法

Excelのセル内ツールを使ってチェックボックスを挿入する方法、数式を使ってチェックされた項目の数を数える方法、古いデスクトップ版でリンクされたフォームコントロールを追加する方法を学びましょう。

Excelで文字を自動入力する方法:AからZ、そしてその先へ

Excelで文字を自動入力する方法:AからZ、そしてその先へ

Excelでフィルハンドル関数、SEQUENCE関数、または再利用可能なカスタムリストを使用して、AからZまでのアルファベット、小文字、またはZを超えるラベルを生成します。

Excelで取り消し線を引く方法:ショートカットと手順

Excelで取り消し線を引く方法:ショートカットと手順

Windows、Mac、Web版Excelで取り消し線を引く方法、セルの一部に書式を設定する方法、値を削除せずに行を削除する方法を学びましょう。

Microsoft Accessとは?そのデータベースツールはどのように機能するのか?

Microsoft Accessとは?そのデータベースツールはどのように機能するのか?

Microsoft Accessは、関連レコードの保存、クエリの作成、データ入力フォームの作成、レポートの生成を行うためのWindowsデータベースアプリケーションです。その仕組みと最適な活用シーンについて解説します。

Word 2010でグリッド線の高さと幅を変更する

Word 2010でグリッド線の高さと幅を変更する

Word 2010でグリッド線の高さと幅を調整する方法、表示される線の頻度を変更する方法、および下地となる水平方向と垂直方向の描画グリッドの間隔を設定する方法を学びましょう。

Office Outlook 2010 のインポートとエクスポート: PST ファイルを使用してデータを移動する

Office Outlook 2010 のインポートとエクスポート: PST ファイルを使用してデータを移動する

Outlook 2010にPSTファイルをインポートする方法、またはメール、連絡先、カレンダー、タスクをエクスポートする方法を学びましょう。正しいメニューに従い、フォルダの欠落や重複を避けてください。

Nucleus Kernelを使用してOutlook PSTファイルのパスワードを復元する

Nucleus Kernelを使用してOutlook PSTファイルのパスワードを復元する

Kernelが提供する最新の手順では、忘れてしまったOutlook PSTファイルのパスワードを復元する方法を解説します。正しいファイルの特定方法、バックアップの作成方法、ツールの制限事項の確認方法などが含まれています。

PowerPointスライドにライブWebページを挿入する方法

PowerPointスライドにライブWebページを挿入する方法

LiveWebアドインを使用すると、WebサイトをPowerPointスライドに配置し、サイズや更新動作を設定し、プレゼンテーション前に互換性を確認できます。

Access 2010データベースをフォームで開く方法

Access 2010データベースをフォームで開く方法

Access 2010データベースアプリケーションを、データ入力フォームに直接開くように設定し、オブジェクトリストを非表示にし、メニューを制限し、共有前に設定を確認します。