Formsを埋め込んだHTMLファイルで、Formsに自動フォーカスされる問題

Question

HTMLファイル内に、iframeタグを使ってページ下部にFormsを埋め込んでいます。

昨日1/25から、HTMLのページを開くと、Formsの箇所に自動フォーカスがあたってしまい困っています。

具体的には、Forms内にある「フォームメニュー」というボタンにフォーカスが当たってしまいます。

Formsへの自動フォーカスを回避する方法はあるでしょうか？

ちなみにiframeタグ内にはオートフォーカスするような記述などはありませんし、その前は、自動フォーカスされずに正しくページが表示されていました。

ページのリロードなどを行っても解決されません。

どうぞよろしくお願いいたします。

---

モデレータ注 : 「Microsoft 365 および Office」カテゴリに投稿されましたが、内容から判断して適切なカテゴリに移動しています。

Answer 1

simo-k さんも書かれていますが、iframe ではなくフォーム自体をページとして表示した場合の動作も確認してください。

また可能であれば、再現可能なフォームの最小化コードを示してください。

Answer 2

iframe依存ではなく、フォームをブラウザ表示した場合も同じじゃないでしょうか？

Answer 3

私も会社のポータルサイトで全く同じ事象で困っておりました。

無事解消しましたので、もう遅いとは思いますが共有いたします。

私の場合は、iframeタグのsrc属性のURLの末尾にembed=trueがないことが原因でした。

embed属性は埋め込みコンテンツであることを明示するもののようで、

URLをブラウザで直接開いてみると、

・embed=trueなし：最初の質問の回答ボタンにフォーカスが当たらない

・embed=trueあり：どこにもフォーカスが当たらない

という挙動の差がありました。これにより本事象が発生していたようです。

※なぜURLに埋め込んだ場合は「回答ボタン」ではなく

　「フォームメニュー」にフォーカスが当たるのかは不明ですが…。

通常フォームのURLを作成する際に、

iframe用のタグを生成すると、URLにembed=trueが入りますが、

通常の共有用のURLだとembed=trueが入りません。

ちゃんとiframe用に生成されたタグをそのままコピペして利用すればよいのですが、

他のiframeコンテンツを複製し、URL部分だけを共有用のURLで置換したりすると、

今回の事象が発生してしまうのだと推測しました。

Answer 4

simo-k様

Hebikuzure様

ご返信をありがとうございました。

フォームを別画面で開くことで解決できましたので、こちらの質問は解決とさせていただきます。

ありがとうございました。

Answer 5

Hebikuzureさま

ご返信をありがとうございます。

静的なHTMLファイルに同じiframeを埋め込んだ場合でも同じ現象が発生しました。