ブロックエディタで編集していて、勝手に表示部分が下の方へ飛ぶ現象 | Cocoonテーマに関する質問 | Cocoon フォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

また、問題の解決に至った場合には、トピック冒頭の「解決済み」リンクをクリックしていただけますと幸いです。

wpForoの解決済みリンク

また、有用な返信があった場合は「いいね!」リンクもご活用ください。返信者の励みになります。

wpForoのいいねリンク

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
ブロックエディタで編集していて、勝手に...
 
Share:
Notifications
Clear all

[解決済] ブロックエディタで編集していて、勝手に表示部分が下の方へ飛ぶ現象  


NASU-NOZO-MIZUHO
(@nasu-nozo-mizuho)
Active Member
参加: 1年 前
投稿: 11
2020年7月10日 00:30  

お世話になっております。

Cocoonのテーマの問題かは不明なのですが、固定ページをブロックエディタで編集しているときに、ブロックを選択すると、勝手に選択部分よりも下の方へ飛んでしまう現象が起きています。

文字を一文字打つごとに画面が飛ぶため、不便でなりません。

 

起きている箇所は特定の固定ページのみ(トップページ)で、他の固定ページや投稿ではこの現象は起きず、この固定ページでも、上半分(「なすのぞみずほより」の上の部分)の編集では画面は飛びません。

ページの更新と、実際のサイトの表示に異常は見あたりません。

 

昨日トップページを編集した際に、この問題が発生していることを初めて確認しました。3週間前に編集を行った際は問題はなかったはずです。

 

以下の事項は試していますが、改善は見られません。

  • Cocoonとプラグインのアップデート
  • Wordpress のログアウト・再ログイン
  • ブラウザのキャッシュクリア
  • 別デバイスで試す(WindowsのChromeでもMacのFirefoxでも問題は起きています)
  • トップページでのみ多用しているプラグイン「Blocks Animation: CSS Animations for Gutenberg Blocks」の停止
  • 3週間前のリビジョンに復元

 

先日20個以上のプラグインをまとめてアップデートをしていますが、アニメーションプラグイン以外で思い当たるフシがありません。

今の段階ではプラグインを1つずつ停止しながら原因を探っているところです。

 

他に考えられそうな原因がありましたら、アドバイス頂きたいです。どうぞよろしくお願いいたします。

 

----------------------------------------------
サイト名:てつぱら!
サイトURL: https://tetsupara.net
ホームURL: https://tetsupara.net
コンテンツURL:/wp-content
インクルードURL:/wp-includes/
テンプレートURL:/wp-content/themes/cocoon-master
スタイルシートURL:/wp-content/themes/cocoon-child-master
親テーマスタイル:/wp-content/themes/cocoon-master/style.css
子テーマスタイル:/wp-content/themes/cocoon-child-master/style.css
スキン:/wp-content/themes/cocoon-master/skins/skin-fuwari-ebicha/style.css
WordPressバージョン:5.4.2
PHPバージョン:7.3.13
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:78.0) Gecko/20100101 Firefox/78.0
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.7,en;q=0.3
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.0.5
カテゴリ数:34
タグ数:520
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.0.6
style.cssサイズ:10150バイト
functions.phpサイズ:7032バイト
----------------------------------------------
Gutenberg:1
AMP:1
PWA:1
Font Awesome:5
Auto Post Thumbnail:0
Retina:1
ホームイメージ:/wp-content/uploads/2019/03/15526550882462610.png
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:1
CSS縮小化:1
JavaScript縮小化:1
Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
Advanced Ads 1.18.0
Advanced WordPress Backgrounds 1.6.4
Age Gate 2.6.1
Akismet Anti-Spam 4.1.6
All In One WP Security 4.4.4
Autoptimize 2.7.3
Blocks Animation: CSS Animations for Gutenberg Blocks 1.0.5
CoBlocks 2.0.2
Contact Form 7 5.2
Disable Generate Thumbnails 1.02
footnotes 1.6.4
Google XML Sitemaps 4.1.0
ImageMagick Engine 1.6.4
Jetpack by WordPress.com 8.7
Kadence Blocks - Gutenberg Page Builder Toolkit 1.8.5
Lazy Load - Optimize Images 2.3.3
PWA for WordPress 1.2.0
Pz-LinkCard 2.2.8
Really Simple SSL 3.3.4
Remember Me Controls 1.8.1
Remove Query Strings From Static Resources 1.4
SiteGuard WP Plugin 1.5.0
Smart Slider 3 3.4.1.8
Snow Monkey Blocks 8.8.3
Table of Contents Plus 1601
TinyMCE Advanced 5.4.0
TinyMCE Templates 4.8.1
TypeSquare Webfonts for ConoHa 1.0.2
Ultimate Addons for Gutenberg 1.16.0
UpdraftPlus - Backup/Restore 1.16.26
VA Social Buzz 1.1.14
VK All in One Expansion Unit 9.26.2.0
VK Blocks 0.35.5
W3 Total Cache 0.14.2
Wing Wordpress Migrator 1.1.5
WP Multibyte Patch 2.8.5
----------------------------------------------


引用
NASU-NOZO-MIZUHO
(@nasu-nozo-mizuho)
Active Member
参加: 1年 前
投稿: 11
2020年7月10日 00:32  

動画が正常にアップロードされていなかったようです。動画を再送させていただきます。


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 3年 前
投稿: 10434
わいひら - Facebookわいひら - Twitter
2020年7月10日 18:59  

動画はいずれも見ることはできませんでした。

投稿者:: @nasu-nozo-mizuho

ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:78.0) Gecko/20100101 Firefox/78.0

ブラウザはfirefoxということで良いでしょうか?


返信引用
NASU-NOZO-MIZUHO
(@nasu-nozo-mizuho)
Active Member
参加: 1年 前
投稿: 11
2020年7月10日 19:49  

わいひら様、ありがとうございます。いつもお世話になっております。

 

何度試してもこのフォーラムでは動画がうまく上がらなかったので、ツイッター上に上げました。そちらでご確認いただけますでしょうか。

https://twitter.com/Mc313_8507/status/1281539666441715712

 

 

>ブラウザはfirefoxということで良いでしょうか?

当方の環境はMacのFirefoxです。

職場のWindowsのChromeでも同様の症状を確認しています。

 

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


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 3年 前
投稿: 10434
わいひら - Facebookわいひら - Twitter
2020年7月11日 17:52  

Firefoxのクラシックエディターだと、そのような症状は以前からありました。
ただ、それ自体はWordPress公式テーマでも同様だったので、WordPressの不具合かと思います。

ブロックエディターでこちらの環境でも試してみたのですが、そういった症状はFirefoxでもChromeでも起きないです。
どのブロックでもそういった症状が起きますか?


返信引用
NASU-NOZO-MIZUHO
(@nasu-nozo-mizuho)
Active Member
参加: 1年 前
投稿: 11
2020年7月12日 17:08  

わいひら様、検証ありがとうございます。

 

>どのブロックでもそういった症状が起きますか?

どのブロックでも発生します。

 


返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 3年 前
投稿: 10434
わいひら - Facebookわいひら - Twitter
2020年7月12日 19:50  

僕の環境ではどのブロックを選択しても、おかしな表示にならないので、ちょっと何とも言えないです。
例えばWordPress公式テーマではどのように動作になりますか?

This post was modified 4週間 前 by わいひら

返信引用
NASU-NOZO-MIZUHO
(@nasu-nozo-mizuho)
Active Member
参加: 1年 前
投稿: 11
2020年7月13日 11:48  

わいひら様

 

公式テーマに切り替えてみたところ、公式テーマでも発生しました。

ということは、Cocoonには問題なく、WordPress側の問題ですね。しばらくアップデートでバグフィックス来るか待ってみようと思っています。

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


わいひら 件のいいね!
返信引用
わいひら
(@yhira)
メンバーサイト Admin
参加: 3年 前
投稿: 10434
わいひら - Facebookわいひら - Twitter
2020年7月13日 19:24  

やっぱそうなんですね…。
今回の不具合と全く同じではありませんが、僕の環境でも、ブロックエディターに変わった頃(5.0)からキーボード操作などで、スクロールが跳んでしまう不具合が出ていまだに直っていません(WordPress公式テーマでも)。
こればっかりはWordPress側に対応していただくしかないのかもしれません。
英語環境ではでない不具合なんですかね…。


返信引用

返信する


許可された最大ファイルサイズ 5MB

 
Preview 0 Revisions Saved
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバー(コスパ・バックアップ重視型)

性能も兼ね備えながら安くブログ運営を開始できる点においてのNo.1。
それでいてブログ成長後は、十分すぎるほどのスペックアップ余力も担保されている。

◎安く始められる
◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:2年

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2020/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

とにかく速い。サイトに表示スピードを求めるならココ。
管理画面がシンプルで使いやすい。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
◎ファイルも14日以内なら無料自動復旧可能
◎サーバ引っ越しツールあり(無料)
○サーバ引っ越し依頼が可能(有料)
◎ドメインとサーバー代のチャージ払いが可能

サービス運営期間:1年10ヶ月

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DBは7日以内なら無料自動復旧可能
×ファイルは有料かつ手動での復旧
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

サービス運営期間:17年

常に新しいことに挑戦しているフロンティア精神あふるるレンタルサーバーです。
LiteSpeedやHTTP/2を日本で初めて導入したサーバー。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/3(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎ディスク容量が多い
◎毎日無料バックアップ(14日分)
◎DBは14日以内なら無料自動復旧可能
○ファイルは14日以内なら無料復旧可能(※手動)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越し依頼が可能(有料)

サービス運営期間:4年

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
ただし少し機能は弱い。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越し依頼が可能(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

サービス運営期間:4年

Cocoon
タイトルとURLをコピーしました