Почему outlet before-topic-progress обернут в <span>?

Разработка
1

Я пытался добавить контент в контейнер мобильной временной шкалы.

В этом контейнере есть два выхода.

before-topic-progress и after-topic-progress.

before-topic-progress обернут в тег <span>, и я не понимаю зачем. :thinking:

Контейнер не является строчным, и я не вижу причин, по которым этот выход должен принудительно оборачиваться в span. У этого нет очевидной цели, и это мешает нашему собственному макету контента. Например, если мы хотим вставить кнопку, она не сможет соответствовать высоте других элементов из-за этого span:

image

Я не вижу элегантного способа решить эту проблему. Самый прямой вариант — использовать что-то вроде

#topic-progress-wrapper > span:first-child {
    display: flex;
  }

Но если несколько плагинов или компонентов используют один и тот же выход, принудительное включение flex для родителя может нарушить стиль другого контента (хотя это, по-моему, крайний случай).

Если этот span не несет никакой функции, можно ли его удалить из этого файла?

2

Да, я думаю, мы можем его удалить. Если я не ошибаюсь, эти span-элементы были добавлены, потому что они ближе к устаревшему поведению выходов. Мы уже удалили их значительное количество в индивидуальном порядке, так как они имеют тенденцию мешать, как вы и столкнулись.

Это будет сделано здесь: