ジッターするスクロール動作

サポート
1

みなさん、こんにちは。

今週、Discourse の最新ベータ版へのアップデート後に奇妙な問題が発生しています。

最初の問題は、モバイル端末で投稿のテキストが画面の半分の位置で不自然に改行されてしまうという奇妙なワードラップの問題でした。（テーマの公式デモサイト、特にモバイルビューでも同じ現象が見られます：http://discourse.jordanvidrine.com/）

原因が私のテーマ（Discourse Air）に関連していることを突き止め、開発者からの公式な修正がまだないため、Chrome のインスペクトツールで確認した内容を基に、自分で CSS による修正を行いました。

@media (max-width: 790px) {
.container.posts {
    display: inline;
}
}

これで不具合は解消しました。しかし、今度はトピックをスクロールしている際に、画面が突発的に跳ねたり、カクついたりする「新しい」問題に直面しています。

Google Photos

これらには間違いなく何らかの関係があるはずです。セーフモードではこのカクつきは発生しません。つまり、これは間違いなくテーマ（これまで非常に安定していました）に関連しており、おそらく前の問題に対する私の修正とも関連していると考えられます。

しかし、次に何を試すべきか見当がつかず、もし何かご提案があればと思い、ここに投稿しました。

ご協力や、正しい方向へのヒントをいただければ大変感謝いたします！

「いいね！」 2
2

更新: さらに掘り下げて実験を行った結果、この問題を解決できたようです。もし他の皆さんも同じ問題に直面している場合、元の課題を解決しつつ、ジッター現象を引き起こさない修正済み CSS は以下の通りです：

@media (max-width: 790px) {
.container.posts {
     grid-template-columns: none;
}
}
「いいね！」 1