Googleフィードバック送信フォームの「送信ボタン」がブラウザ画面外に隠れてしまう問題の解決法

Googleのオンラインサービス（例えばマイマップやSearch Console／Webmasterなど）を利用している際、サイト上で不具合や異常を発見した場合は、公式に提供されているフィードバック送信機能を利用できる。

下図のように、発生したエラー状況を記入して送信すれば、Googleのエンジニアに修正を促すことが可能だ。

フィードバック

しかし筆者がこのフォームを利用した際、最も重要な「送信」ボタンが画面（AppleのiPadタブレット）の外側にはみ出して消えてしまう現象に何度も遭遇した（下図参照）。

ブラウザの表示倍率を手動で縮小してみても隠れた状態は変わらず、送信ボタンを正常にタップできないため、少なからず頭を抱えることになった。

ブラウザ上で消えてしまった送信ボタン

現時点でこの現象を確認しているのは、AppleのタブレットiPadに標準搭載されているSafariブラウザのみだ。調査してみたところ、実はある「ひとつの操作」を行うだけで、画面外に消えた送信ボタンを簡単に再出現させられることが判明した。

下図のように、Safariブラウザ上部のアドレスバー横にある「文字サイズ（大小）」アイコンをタップすると、各種機能メニューが表示される。

Safari ブラウザの機能メニュー

ここで「ツールバーを非表示」をタップし、画面上で2本の指を使ってピンチイン（つまむようにスライド）して、ツールバー非表示によって一時的に歪んだ表示を正常なサイズへ縮小する。これだけで、下図のように隠れていた送信ボタンが無事に画面内へ表示されるようになる。

フィードバックフォームの送信ボタン

この挙動を見る限り、これは明らかにGoogle側のウェブ開発陣の設計ミスと言えるだろう。

ウェブページ設計時にSafariブラウザのビューポート境界サイズを正確に取得できておらず、表示のズレが生じている。さらにツールバーを隠した際にもレイアウト崩れが発生することから、レスポンシブ・ウェブデザイン（Responsive Web Design, RWD）の考慮が不十分であることが浮き彫りとなっている。