떨리는 스크롤 동작

제품 지원
1

안녕하세요,

이번 주 최신 Discourse 베타 버전으로 업데이트한 후 몇 가지 이상한 문제가 발생하고 있습니다.

첫 번째 문제는 모바일에서 게시글 텍스트가 화면 중간에서 단어가 줄바꿈되는 기이한 텍스트 줄바꿈 문제였습니다. (같은 효과를 테마 공식 데모 사이트, 특히 모바일 뷰에서 여전히 확인할 수 있습니다: http://discourse.jordanvidrine.com/)

원인을 제 테마(Discourse Air)와 관련이 있는 것으로 좁혔고, 개발자로부터 공식적인 수정이 아직 나오지 않은 상황에서 Chrome 인스펙트 도구에서 확인한 내용을 바탕으로 자체 CSS 수정안을 마련했습니다:

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

이것으로 해당 오류는 해결되었습니다. 하지만 이제 주제 목록을 스크롤할 때 화면이 간헐적으로 튀거나 버벅이는 새로운 문제에 직면하게 되었습니다:

Google Photos

이 두 문제 사이에 거의 확실하게 관련이 있을 것입니다. 안전 모드에서는 버벅이는 현상이 발생하지 않으므로, 이는 거의 확실히 테마(이전까지는 완벽하게 안정적이었습니다)와 관련이 있으며, 이전 문제를 해결하기 위한 제 수정안과도 관련이 있을 가능성이 높습니다.

하지만 다음으로 무엇을 시도해야 할지 막막해서, 혹시 여기에서 제안을 주실 분이 있을까 해서 질문을 남깁니다.

도움이나 올바른 방향에 대한 힌트를 주시면 감사하겠습니다!

2

업데이트: 조금 더 파고들고 실험해 본 결과, 이 문제를 해결한 것 같습니다. 같은 문제에 직면한 다른 분들을 위해, 원래 문제를 해결하면서도 떨림 현상을 유발하지 않는 수정된 CSS는 다음과 같습니다:

@media (max-width: 790px) {
.container.posts {
     grid-template-columns: none;
}
}