Lightbox генерирует некорректную структуру HTML (div внутри p), вызывая ошибки отображения

Внести вклад Ошибка
,
1

Lightbox генерирует тег <div> для каждого изображения, но теги div не могут находиться внутри тегов p (в терминологии HTML-спецификаций модель содержимого для <p> — это фразовый контент, который не включает <div>). Это приводит к тому, что браузеры закрывают эти div-элементы и выводят их за пределы тегов p. Любое последующее содержимое также оказывается вне тега p, что вызывает проблемы в некоторых средах. Например,

[details="details" open]
![random image|690x388](upload://2gkjgw9XkBQlTRrNCIxGZ96CLRC.png)
Some text *emphasized* or **bold** or @panic mention
[/details]
details

random image
random image3840×2160 124 KB

Some text emphasized or bold or @panic mention

должно отображаться как

Some text emphasized or bold or @panic mention

а не как текущее:

图片
图片938×255 11.7 KB

Текущее поведение является следствием того, что <details> рассматривает каждого прямого потомка как блочный элемент.

2 лайка
2

Не могли бы вы уточнить, в каких именно средах возникают проблемы? Это поможет нам расставить приоритеты при исправлении.

2 лайка
3

Например, в теге

, показанном выше.