RTL 환경에서 select-kit 문제

기여 버그
1

Select-Kit에서 열린 목록이 RTL에서 올바르게 표시되지 않습니다.

현재 레이아웃:

+--------+
| target |
+-------------+
|             |
|   popper    |
|             |
+-------------+

기대하는 레이아웃:

     +--------+
     | target |
+-------------+
|             |
|   popper    |
|             |
+-------------+

코드를 확인해 보니 설정이 LTR에만 적용되어 있었습니다.

그리고 여기에서 사용되고 있습니다:

CSS 코드를 추가하여 문제를 해결하려고 시도했지만, 안타깝게도 이로 인해 더 많은 문제가 발생했습니다. 페이지가 RTL인 경우 placement: "bottom-end"를 사용하면 문제가 해결될 것이라고 생각합니다.

또한, 이로 인해 일부 모바일 기기에서 열린 popper가 화면 밖으로 표시되는 문제가 발생했습니다. 필요하시다면 문제를 보여주는 스크린샷을 개인 메시지로 보내 드리겠습니다.

1개의 좋아요
3

이 변경 사항을 우리 커뮤니티에 직접 적용할 수 있나요, 아니면 Discourse 팀이 적용해야 하나요?

4

네, 변경 사항이 적용될 때까지 기다려 주셔야 합니다. 죄송합니다. 곧 확인해 보겠습니다. 수정은 간단할 것 같습니다.

1개의 좋아요
5

답변해 주셔서 감사합니다.
이러한 사항을 JavaScript를 통해 변경할 수 있다고 생각하시나요? 현재는 테마 컴포넌트를 통해 이 변경 사항을 주입하여 문제를 일시적으로 해결하고 있습니다.

6

모든 것이 가능하지만, 권장하지는 않습니다. 잠시 후 확인해 보겠습니다.

1개의 좋아요
7

1711px보다 큰 데스크톱에서는 토픽 페이지 하단의 알림 설정에서 이 문제를 쉽게 확인할 수 있습니다. :pray:

1개의 좋아요
8

master에 이 문제를 해결하는 수정 사항을 적용했습니다. 상황이 개선되었는지 알려주세요. 그렇지 않다면 스크린샷을 꼭 남겨 주세요.

5개의 좋아요
9

GIF 프로필 사진이 삭제되어 업데이트가 다소 지연되었습니다. 다행히 이 문제는 완전히 해결되었습니다.

@j.jaffeux님께 감사드립니다.

2개의 좋아요