category-list.scss에서 pointer-events 오류

기여 버그
1

카테고리에 소개 토픽을 생성하면 카테고리 목록에서 카테고리 이름 아래에 표시됩니다.

해당 토픽에 링크가 있는 경우, 카테고리 목록에 링크로 표시되지만 클릭할 수 없습니다.

category-list.scss의 관련 CSS는 다음과 같습니다:

  .description {
    margin-bottom: 1em;
    text-align: center;
    font-size: $font-0;
    color: var(--primary-med-or-secondary-high);
    position: relative;
    @include line-clamp(4);

    //  설명 텍스트를 통과하여 클릭이 아래 카테고리로 전달되도록 허용...
    pointer-events: none;
    .overflow {
      max-height: 6em;
      div a {
        //  ...그러나 설명 내 링크는 여전히 클릭 가능해야 합니다
        pointer-events: auto;
      }
    }

div a의 div를 제거하면 링크가 정상적으로 작동합니다.

참고: try.discourse.org에서 이를 재현해 보았지만, 토픽 설명에 대한 편집 권한이 없어 실행할 수 없었습니다.