Некликабельная кнопка «Читать далее» в отрывке

Всем привет,

Спасибо @david за предложение создать новую тему в ux здесь.

Проблема в том, что когда пользователь добавляет большое изображение или заголовок в начало новой темы, ссылки «Краткое содержание» и «Читать далее» перестают быть кликабельными.

Это происходит потому, что Discourse генерирует лайтбокс для изображения и якорь для заголовка. Тег <a>, включённый в краткое содержание, разрывает ссылку.

<a class="lightbox" href="" data-download-href="" title="Image title"></a>

и

<a name="header" class="anchor" href="#header"></a>

Вот скриншот из инспектора Chrome.

А это скриншот из latest.json.

2 лайка

Я попытался воспроизвести это локально, но у меня не получилось. Если я добавляю изображение с лайтбоксом в начало поста, он просто пропускает лайтбокс/ссылку и показывает текст ниже:

Можете ли вы поделиться «сырым» Markdown-кодом поста, в котором возникает проблема?

Также, пожалуйста, предоставьте значения соответствующих настроек сайта:

Я попробовал другой тестовый сайт Discourse.
В посте только одно изображение, а затем текст.

Ссылка

https://icute.jp/

Настройки сайта:

В инспекторе Chrome у элемента span с классом “topic-excerpt-more” нет тегов <a> вокруг него, поэтому кнопка “Читать далее” неактивна.

Вот файл latest.json:

Значит, это основано на нестандартном использовании отрывка? Вы имеете в виду закрепленные темы?