category-list.scss で pointer-events エラー

貢献 バグ
1

カテゴリの「About」トピックを作成すると、カテゴリ一覧のカテゴリ名の下に表示されます。

そのトピックにリンクが含まれている場合、カテゴリ一覧ではリンクとして表示されますが、クリックすることはできません。

関連する CSS は category-list.scss に以下のように記述されています。

  .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 でこの現象を再現しようとしましたが、トピックの説明を編集する権限がありませんでした。