긴 카테고리 이름

[mentalstring (Paulo)]

우연히도 특별히 긴 카테고리 이름을 사용하고 있었는데, 이를 통해 이 문제가 드러났습니다:

해당 요소에 max-width를 설정하는 건 어떨까요? 드롭다운을 열면 전체 이름을 볼 수 있으므로, 이름이 잘리는 것은 허용 가능한 수준이라고 생각합니다.

[Don]

Paulo님, 안녕하세요.

기본적으로 잘림(truncate) 처리가 이루어져야 한다고 생각합니다. 커스텀 CSS를 사용하고 계신가요?

수정: 네, 기본적으로 CSS에 포함되어 있습니다. CSS를 확인하고, 해당 코드가 없다면 추가해 주세요.

.badge-wrapper .badge-category .category-name {
    text-overflow: ellipsis;
    overflow: hidden;
}

[mentalstring (Paulo)]

맞춤 CSS가 몇 가지 있지만, 꽤 기본적인 수준이라 이 문제에 영향을 주지 않을 것입니다. 그럼에도 불구하고, safe-mode를 사용하여 맞춤 테마를 비활성화했는데 동일한 문제가 발생했습니다.

추가 테스트를 해본 결과, 이 문제가 가용 공간에 따라만 트리거되는 것을 알게 되었습니다. 가용 뷰포트 폭을 변경하면 정상적으로 동작합니다:

또는, Discourse에서 태그가 활성화되어 있으면 문제없이 동작합니다:

하지만, 카테고리 필드에 넓은 공간이 있고(태그가 비활성화된 경우), 미리보기와 겹칠 수 있습니다.

[Don]

말씀하신 내용을 이해했고, 이 줄의 max-width: 100%;를 삭제하거나 덮어쓰면 이 문제를 재현할 수 있습니다:

#reply-control .category-input .category-chooser {
    display: flex;
    flex: 1 0 auto;
    max-width: 100%;
    width: auto;
}

그렇지 않으면 카테고리 이름이 끝에 ...로 잘립니다.

[awesomerobot (Kris)]

지난 한 달 안에 이 문제를 수정한 것 같은데… 최근 Discourse를 업데이트하셨나요?

[mentalstring (Paulo)]

죄송합니다. 보고하기 전에 tests-passed를 확인해 봤어야 했습니다. 말씀하신 대로, 이는 최신 안정 버전에서만 나타나는 문제인 것 같으므로 이 이슈를 닫겠습니다.