iframe内表示のtextファイルを、ChromeやFirefoxでも自動改行させたい

Question

前提

FancyBox3.5.7（jQuery3.6.0）のiframeで文書ファイル（.txt）をポップアップ表示しています。
文書は同サイト内リンク。文章ベタ打ち。

自分の環境（Safari、Edge）では、ブラウザの横幅に合わせてiframe内で文が自動改行されており希望通りの表示です。
・縦は文章量によって縦スクロールあり。
・横は自動改行されるので横スクロールなし。

発生している問題

ですが、知人のChromeやFirefoxでは、自動改行されず延々と横スクロールになっているようです。
・縦は文書量によって縦スクロールあり。←良い
・横は自動改行されず横スクロール出まくり。←悪い

ChromeやFirefoxでも別窓や別タブで開けばブラウザ幅に合わせて自動改行するのに、iframe内だとまったく自動改行しないようです。

実現したいこと

CSSやJavaScriptの追記など軽い対策でChromeやFirefoxでもiframe内で横幅に合わせて自動改行させることは可能でしょうか？

PHPなどで.txt読み込んでhtml化して云々…というレベルの対策までは考えていません。

追記 09-27 13:50

コード全部貼るには長すぎるんでアップロードしました。さほど弄ってはいなかったはずですが…
fc.css (12 KB)とfc.js (55 KB)
DLパス　fancy3
１日後（28日）に自動削除

Comments

[int32_t]

ざっと試してみましたが、Chrome でも Firefox でも期待どおりテキストが iframe の幅で折り返しされます。
再現するコードを提示してください。

[NieeeR]

fancyboxのCSSとJavaScriptアップしました。
実際使ってるのがminのほうなので見づらいかと思いますスミマセン。
jQueryはどこも弄ってません。

Answer 1

iframeで表示できるということはCORSで制限されないということでしょうか？
fetchで読み込んでtextareaなどに表示させるなどではだめでしょうか？