WordPressブロックエディターでスクロールが引っかかるときの対処方法

この記事は、LIQUID BLOCKS Advent Calendar 2019 8日目の記事です。

※追記：WordPress 5.4 では問題が修正されましたので、この対応は不要です。

WordPressブロックエディター（Gutenberg）

WordPress 5.0 から採用されたブロックエディターですが、どんどん進化をしていて、便利になってきましたね。
ブロックエディターを使用されている方も増えてきたのではないでしょうか？

スクロールが引っかかる！？

しかし、画像を含むブロックを沢山作成すると、スクロールが引っかかることはありませんか？

スクロールが途中で止まってしまい、一瞬フリーズしたようになることがあります（Mac+Chrome等）。

対処方法

管理画面のCSS editor-style.css に下記を追加すると解決します。テーマにCSSがない場合は追加します。

editor-style.css
.editor-styles-wrapper {
will-change: transform;
}
※will-change プロパティについて、詳しくはこちらもご覧ください。

※使用する上での注意事項もありますので、よくご確認ください。

ブロックテンプレート

ブロックエディターがさらに便利になる、ブロックテンプレートもおすすめです。

» WordPressブロックテンプレート「LIQUID BLOCKS」