최근 업데이트 이후 RTL 로케일에서 발생하는 위치 문제

[inj3ct0r]

안녕하세요, 잘 지내고 계신가요?

오늘 마지막 업데이트 이후로 사용자 카드가 충돌했습니다.

그리고 메인 컨테이너도 중단되었습니다.

[simon]

@inj3ct0r

오늘 마지막 업데이트 이후로 사용자 카드가 충돌(crasht)되었습니다.

이전에는 RTL(오른쪽에서 왼쪽으로 읽는) 로케일용 사용자 카드 위치를 특별히 처리하는 로직이 있었습니다: discourse/app/assets/javascripts/discourse/views/user-card.js.es6 at 4896a7dec79203cd44265bb2372c2b4a223c3d26 · discourse/discourse · GitHub

사용자 카드 업데이트와 함께 해당 로직이 제거된 것으로 보입니다. 사용자 카드 인라인 스타일의 left 위치는 RTL 로케일에서 잘못 설정되어 있습니다. 기억이 정확하다면, 가장 쉬운 해결 방법은 RTL 로케일이 사용될 때 사용자 카드에 right 위치를 설정하는 것입니다. 다만, 인라인 스타일 규칙에서 left와 right 속성을 단순히 교체하는 것만으로는 해결되지 않습니다.

[inj3ct0r]

안녕하세요, 새 업데이트
답글 버튼이 작동하지 않습니다

[simon]

@inj3ct0r

답글 버튼이 작동하지 않습니다

작동은 하지만, 게시글 편집기를 사용할 수 없습니다.

인터페이스 언어로 RTL 로케일을 선택하면 Meta에서 이러한 문제를 재현할 수 있습니다:

수정: Meta에서 컴포저(composer)에서 발견하는 문제는 GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width · GitHub 와 관련이 있는 것 같습니다.

사용자 카드 문제는 Meta 또는 try.discourse.org의 안전 모드(safe mode)에서 재현할 수 있습니다.

또한, 안전 모드에서 RTL 로케일의 경우 사용자 팁(user-tip) 모달의 위치가 잘못 설정되어 있습니다:

[inj3ct0r]

내 포럼에서 나와 내 회원들에게 작동하지 않습니다

[simon]

안전 모드에서 사이트를 로드해 보시면 일부 문제가 해결될 수 있습니다. 이를 위해 브라우저 주소창의 URL 끝에 다음을 추가해 주세요:

?safe_mode=no_themes,no_plugins

예를 들어 https://try.discourse.org/t/what-do-the-avatars-in-the-topic-list-mean/65?safe_mode=no_themes,no_plugins

[inj3ct0r]

네, 답글 버튼은 수정되었지만 사용자 카드가 여전히 깨져 있어요.

[simon]

이 문제는 여전히 남아 있습니다:

[Osama]

Hi @inj3ct0r

이 커밋을 통해 수정되었습니다:

FIX: Position Float Kit elements correctly in RTL mode (#24908)