불릿 리스트 사용 시 그룹 설명이 깨져 보입니다


여기서 어떻게 재현할 수 있을까요? 그룹 설명에 목록을 사용할 경우, 그룹을 클릭하면 설명이 깨져 보입니다. iPhone 7+를 사용 중입니다.


위 커뮤니티는 며칠 전에 업데이트되었습니다.

저도 이 문제를 재현할 수 있습니다.

1개의 좋아요

문제를 일으키는 그룹 설명의 마크다운 예시를 공유해 주실 수 있나요? 로컬에서 테스트해 보면 그룹 페이지에서 설명의 불릿 리스트가 제거되는 것을 확인할 수 있습니다.

다음과 같은 그룹 설명:

그룹 페이지에서는 다음과 같이 표시됩니다:

불릿 리스트가 제거되었음을 확인하실 수 있습니다. 이것이 의도된 동작인지 확실하지 않지만, 제가 비디오에서 확인한 내용과는 다릅니다.

다음 단락을 사용하고 있습니다:

 ### <a>이 그룹은 무엇인가요?</a>
 
이 그룹의 목적은 **Discourse** 및 그 기능에 대한 모든 질문을 처리하는 것입니다. 이 그룹의 멤버들은 Discourse를 숙달한 사용자들로, 여러분의 모든 질문에 답변할 준비가 되어 있습니다. 
 _____

### <a>운영자 메시지:</a>
 
**Discourse**에 관한 모든 질문에 열려 있으며, 기꺼이 도움을 드리겠습니다. 우리에게 메시지를 보내기 전에 다음 내용을 포함해 주세요:
 
  * 겪고 있는 문제 설명
  * 버그인 경우, 재현 방법
  * 동영상 또는 스크린샷 첨부 권장
 

메시지를 보내시면, 가능한 한 빨리 도움을 드릴 것입니다!
1개의 좋아요

이상하네요. 해당 설명에 대해 제가 확인한 내용은 다음과 같습니다:

다만, 테스트할 iPhone이 없습니다. 말씀하신 문제가 이와 관련이 있을 가능성이 높아 보입니다.

참고로, 위에서 제공된 그룹 설명을 “그룹 정보” 텍스트 영역에 한 번에 복사해서 붙여넣을 수 없었습니다. 줄 단위로 하나씩 복사해서 붙여넣어야 했습니다. 그 문제가 발생한 원인은 정확히 모르겠습니다.

혹시 여기에 이 설명으로 그룹을 만들어 주실 수 있으신가요? 그러면 여기서 테스트해 보고 알려드리겠습니다.

요약

이 그룹은 무엇인가요?

이 그룹의 목적은 Discourse 및 그 기능과 관련된 모든 질문을 처리하는 것입니다. 이 그룹의 멤버들은 Discourse에 정통한 사용자들로, 여러분의 모든 질문에 답변할 준비가 되어 있습니다.


관리자 메시지:

Discourse와 관련된 모든 질문에 열려 있으며, 기꺼이 도움을 드리겠습니다. 메시지를 보내기 전에 다음 내용을 포함해 주세요:

  • 겪고 있는 문제를 명시해 주세요
  • 버그인 경우 재현 방법을 알려 주세요
  • 동영상이나 스크린샷 첨부 권장

메시지를 보내시면, 가능한 한 빨리 여러분을 도울 준비가 되어 있습니다!

이 문제는 제 아이패드에서도 발생합니다. 2019년 7세대 모델입니다.

iOS에서 그룹 사용자 카드에서 이 문제를 재현할 수 있습니다… 조사 중입니다

2개의 좋아요

사용자 카드와 그룹 카드에 동일한 CSS를 많이 사용하고 있으며, 사용자 카드에는 소개글 발췌, 그룹 카드에는 전체 소개글을 사용했습니다. 이로 인해 서식이 일관성이 없었고, 긴 텍스트를 잘라내는 line-clamp CSS가 그룹 카드에서 깨지는 문제가 발생했습니다.

여기서 수정했습니다:

3개의 좋아요

내 안드로이드 폰에서도 그런 현상이 발생합니다.

1개의 좋아요

처음에는 iOS에서만 그런 줄 알았어요. 하지만 위에서 설명한 수정 방법으로 모든 환경에서 문제가 해결될 거예요.

3개의 좋아요

네, 수정해 주셔서 감사합니다! :+1:

네, 수정했어요. 감사합니다!