どのページでしょうか？

横揺れするのは、原因があります。

鍵が付いてないのは、ページ内にhttpから始まるアドレスの何らか（例えば画像など）をよみこんである。からかも知れないですね。

不具合・カスタマイズ対象ページのURLを提示してください

状況を見て。もしかしたら対応してくれるかもしれませんね＾＾

僕はiPhoneを持っていないので、何方か持っている方に確認していただくしかないかも。
ただ、出来れば、確実に横揺れするトピックURLをこれといって貼り付けていただけると、助かります。

かうたっくさん、わいひらさん
お返事ありがとうございます。

URLは、フォーラムの中の閉じていないトピック全てになります。

URLを貼って、トピックを閉じてしまうと横揺れがなくなるので どのURLを貼っていいのか困るのですが…　このトピックも閉じていないので横揺れしています。

https://wp-cocoon.com/community/bugs/%e3%83%95%e3%82%a9%e3%83%bc%e3%83%a9%e3%83%a0%e3%81%ae%e3%83%88%e3%83%94%e3%83%83%e3%82%af%e3%82%b9%e3%82%92%e9%96%8b%e3%81%8f%e3%81%a8%e6%a8%aa%e6%8f%ba%e3%82%8c%e3%81%97%e3%81%a6%e3%81%84%e3%81%be/#post-21858

私の iphone の safari でも Firefox でも同じ症状です。
でも、kchanさん、鍵付きとそうでないのとの違いに良く気づきましたね。

はみ出している領域が知りたいかも。

ココではなく、書き込みをする場所：返信するあたりがはみ出してると思うんですけど。

それがどこだかわかりますか？

はみ出してる風に見えない場合、長押ししたら、領域が見えるなどないですか？

HTMLを見るとWordPressでよくあるはみ出す場所あたりのwidthを入れてみるのが良いかも知れないです。

div　img　iframe　table

あとhtmlを見てあり得るかも知れないのがform　input

あたりかな、っと。

divを入れたらstyleが崩れたっぽい。

気になる場所として、{;}　ソースコードを表示した状態で#mceu_62とか、widthが入ってるから変。

• 今チェックしたら、#mceu_62　はやっぱ変わる。
• その下にあるソースコードのOKとかもはみ出してる。

スマホで書き込むとき、{;}　ソースコードを開くと横揺れするかも

書き込みしながらチェックした結果

@media screen and (max-width: 780px) {
	/*こっちエディタ：不明*/
	.mce-edit-area.mce-container.mce-panel.mce-stack-layout-item {
		width: 100% !important;
	}
	/*こっちソースコード*/
	body.wpforo .mce-container.mce-panel .mce-container-body.mce-abs-layout {
		width: 94%!important;
	}
	.mce-container.mce-form.mce-abs-layout-item.mce-first.mce-last {
		width: 100% !important;
	}

	.mce-widget.mce-primary.mce-abs-layout-item.mce-first.mce-btn-has-text {
		left: 10px !important;
		width: 60px !important;
	}

	.mce-widget.mce-btn.mce-abs-layout-item.mce-last.mce-btn-has-text {
		left: 90px !important;
	}
}

{;}　ソースコードを表示した状態では横揺れしないようです。

※セレクタが長いのは、他の場所まで反映されないようにclass属性を丸々付けた為

※デベロッパーツール上の、フォーラムCSSっぽい所に貼り付けた結果
https://wp-cocoon.com/wp-content/plugins/wpforo/wpf-themes/classic/widgets.css?ver=1.6.1&fver=20190905104639

/*こっちエディタ：不明*/

これは原因すら分からないので微妙＾＾；

ただソースコードのほうがおかしかったので、その可能性はナクナイ。けど不明。って感じです。

• 領域内に収まった様子：2個

https://gyazo.com/6e271867849c7bd4113a369444845d48

https://gyazo.com/68e67adf73e309306aafaad2d48bec27

• 添付ファイルは、はみ出した様子

書き込みスペースの右側の薄いグレーの部分が欠けているようです。

こんにちは。

デベロッパーツールで見たところ、mainクラスのwidthっぽいですね。

下記cssの.mainを880pxから100%にしたら直りました。

https://wp-cocoon.com/wp-content/uploads/cocoon-resources/css-cache/css-custom.css?fver=20190914113221&wp-mce-4940-20190515

原因の場所も添付します。（iframe内ですね）

たなかまさん

私はデベロッパーツールで、はみ出し部分を見つけられなかったのですが、後学のため、どのような環境でお使いになっているか、ご教示いだたけますか？

leafytreeさん

XcodeというアプリのiOSシミュレーターを使っています。※Mac専用のアプリです。

ユーザーエージェントの切替とは違い、実機と同じ環境で表示できます。

①XcodeのiOSシミュレーターを起動して、safariから該当URLにアクセス。

②Mac側のsafariも起動して、開発メニューからデベロッパーツールを起動します。

これでChromeとかのデベロッパーツールと同じように扱えます。

デベロッパーツールでCSSなどを反映すると、iOSシミュレーター側の表示も適用されます。

たなかまさん

Mac環境とは言え、それはとても便利ですね。

教えていただき、ありがとうございます。m(_ _)m

デベロッパーツールで見たところ、mainクラスのwidthっぽいですね。 下記cssの.mainを880pxから100%にしたら直りました。

メディアクエリ@media screen and (max-width: 1023px)で、以下の指定があるので、なんらか（もしかしたらiPhone）の優先順位的に負けてるのかな？

main.main, div.sidebar {
	display: block;
	margin: 10px;
	width: auto;
}

例えば

iframe { width: 100%; }

もしくは

iframe { max-width: 100%; }

と指定すればどうなりますか？ダメであれば、それらに !important　をつけて見るとか。

• 親テーマstyle.cssに

main.main, div.sidebar { width: auto !important; }

としてみるとどうなりますか？？？

• 親テーマstyle.cssに

また、親テーマCSSの指定を以下にすれば改善されるような感じですか？？？

main.main, div.sidebar { width: 100%; }

お二方、検証ありがとうございました！！
※Cocoonユーザー的&たまたま絡んでチェックした人の1人として❦

かうたっくさん

親HTMLから、iframe内のcssを変える場合は、javascriptになるかと思います。

僕もフォーラムの仕様が分かってないのですがcss-custom.cssにアクセスできない場合はoverflowとかになりますかね・・・。

.mce-edit-area {overflow-x:scroll }

javascriptの管理面も都合があると思いますので、そのあたりのご判断は、わいひらさんに委ねたいと思います。

みなさん、ありがとうございます！
みなさんからいただいたヒントを参考に、当サイトに修正版を適用してみました。
現在、当トピックはiPhone環境で横揺れいたしますでしょうか？

safari で閲覧したところ、横揺れしなくなっています。

https://github.com/yhira/cocoon/commit/904e031ccf9eaec98802afec05effd504f007309

これなら他に影響しなくって良い感じ。かも＾＾

かうたっくさん

親HTMLから、iframe内のcssを変える場合は、javascriptになるかと思います。

私の環境ではそのような事にならないんですよね。

iPhone環境と全く違うのと、チェックできないiPhone環境をチェックしてくれるのはありがたいですね❦

皆さま検証、お疲れさまでした。

出遅れましたが、私も横揺れしていないことを確認しました。
直って良かったですね(*^^*)
みなさま、おつかれさまでした。

みなさんご確認ありがとうございます！
問題ないようなので、トピックを閉じさせていただこうと思います。