RTL에서 `topic-progress-wrapper` 문제

기여 버그
1

안녕하세요, discourse,
RTL 환경에서 토픽 페이지의 끝으로 스크롤하면 topic-progress-wrapper 클래스가 페이지를 어지럽게 만듭니다. 이 문제를 확인해 주세요.

아래 값들을 주석 처리하면 문제가 해결됩니다:

@media screen and (min-width: 925px)
.container.posts .topic-navigation {
    grid-area: timeline;
    align-self: start;
    /* position: -webkit-sticky;
       position: sticky; */
    top: 6em;
    margin-right: 1em;
    z-index: 100;
}
2

@Nildarar 안녕하세요

문제가 발생한 화면의 스크린샷을 올려 주시겠어요?

3

스크린샷에는 표시되지 않습니다. 추가로 설명드리겠습니다. 문제를 확인하려면 다음을 수행해 주세요:

  1. 템플릿을 RTL로 설정합니다.
  2. 모바일 보기로 전환합니다.
  3. 화면 폭을 925px 이상으로 늘립니다.
  4. 토픽의 맨 아래로 스크롤합니다.
  5. 토픽 진행 상황(Topic Progress) 모듈이 화면에서 사라지고 페이지가 가로로 스크롤됩니다.

CSS를 변경하여 이 문제를 스스로 해결할 수도 있었지만, 그 이상으로 버그가 있을 수 있다고 판단하여 검토를 통해 발견되기를 바랐습니다.

1개의 좋아요
4

자, 이건 더 큰 문제의 증상입니다. 근본적인 문제는 화면 폭이 925px 이상일 때 Discourse가 모바일 뷰가 아니라 데스크톱 뷰로 렌더링되어야 한다는 점입니다. 이 문제가 어떤 기기에서 발생하는지 알려주실 수 있나요?

position: sticky를 제거하면 이 특정 문제는 해결되는 것처럼 보일 수 있지만, 토픽 타임라인이 깨집니다(토픽을 아래로 스크롤할 때 타임라인이 함께 내려가지 않음).

이 주제와는 다소 무관하지만, RTL 레이아웃에서 토픽 진행률 표시줄이 오른쪽이 아니라 왼쪽에 위치해야 한다는 점을 발견했습니다. 이 문제를 위한 PR을 여기에 보냈습니다: FIX: Topic progress bar should be on the left in RTL layouts - Pull Request #11999 - discourse/discourse - GitHub.

7개의 좋아요
5

사용자들이 이 문제를 보고했고, 저는 Dev Tools에서 확인했습니다. 동료들에게 확인해서 알려드리겠습니다.

이 수정을 해주셔서 감사합니다 :+1:

2개의 좋아요
6

병합했습니다. 보고해 주셔서 정말 감사합니다. 이 문제가 해결되길 바랍니다.

3개의 좋아요