Проблема отображения в элементе «hide details»

[Canapin (Coin-coin le Canapin)]

В этом блоке:

[details="Сводка"]
Этот текст будет скрыт
[/details]

Существуют два правила CSS, которые устанавливают display: block для всех дочерних или соседних элементов:

details[open] > *, details[open] .lightbox-wrapper {
    display: block;
}

details[open] > summary:first-of-type ~ *,
details.open > summary:first-of-type ~ * {
    display: block;
}

Это проблема, потому что каждый элемент, который должен быть встроенным (inline), отображается как блочный, занимая всю ширину. Например, как span или ссылка. В чём цель этих правил?

Пример:

[details="Скрыто"]
Улучшенное изображение и сравнение с аналогичным гало на Земле:
![66bb711c57dd10e4e4f9713ebeec0ccec9a8d0dc1|220x499](upload://eEOifbxarMIErU6OnozO45BJq0I.jpeg)
![541efc040f313220531d74677a9105e44890c29c1|442x500](upload://c0ausOGkNA0BJMAsmAnOqmpWBv6.jpeg)
Хотя атмосфера Марса на 95% состоит из углекислого газа (CO<sub>2</sub>), гало было образовано ледяными кристаллами воды (H<sub>2</sub>O), отсюда и сходство с обычным земным гало в 22° [halo](https://en.wikipedia.org/wiki/22%C2%B0_halo?oldformat=true). На самом деле, это одно и то же.
[/details]

↓

Скрыто

Улучшенное изображение и сравнение с аналогичным гало на Земле:

Хотя атмосфера Марса на 95% состоит из углекислого газа (CO₂), гало было образовано ледяными кристаллами воды (H₂O), отсюда и сходство с обычным земным гало в 22° halo. На самом деле, это одно и то же.

---

Здесь есть три встроенных элемента: <sub> и ссылка:

---

---

Проблема исчезает, если включить безопасный режим и отключить все плагины, даже если у нас не установлено никаких пользовательских плагинов:

---

---

Пример видео с try.discourse.org:

[JammyDodger]

Привет, @Canapin

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

Скрыто

Улучшенное изображение и сравнение с тем же гало на Земле:

Хотя атмосфера Марса на 95% состоит из углекислого газа (CO₂), гало было создано ледяными кристаллами воды (H₂O), поэтому оно похоже на обычное земное гало в 22° halo. На самом деле это одно и то же.

@Coin-coin le Canapin

Проблема исчезает, если включить безопасный режим и отключить все плагины, даже если у нас не установлены пользовательские плагины:

Я полагаю, что элемент details считается плагином, поэтому, если вы отключите официальные плагины в безопасном режиме, они также будут отключены.

[Canapin (Coin-coin le Canapin)]

Ах, понятно. Так как я не поставил перенос строки, следующий текст не был обернут в тег <p>.

Это легко исправить при написании. Для меня это приемлемо, даже если в будущем это не будет исправлено, хотя, полагаю, это может иногда запутать других людей (но я не видел других подобных сообщений, так что…).

Также обратите внимание, что предварительный просмотр работает нормально, но не работает финальная публикация.

---

Меня также интересует обоснование правил CSS, которые делают каждый прямой дочерний элемент или соседей блочными элементами внутри контейнера «Скрыть детали».

[JammyDodger]

@Canapin

Меня тоже интересует обоснование CSS-правил, которые делают каждый прямой дочерний элемент или соседей в блоке «Скрыть детали».

Боюсь, я этого не знаю. Но я вынесу это в цитату, чтобы немного поднять тему, на случай если она была упущена ранее, и надеюсь, что кто-то ещё в сообществе знает больше.