Por que o outlet before-topic-progress é envolvido com um <span>?

Dev
1

Eu estava tentando adicionar conteúdo ao contêiner da linha do tempo móvel.

Existem duas saídas neste contêiner.

before-topic-progress e after-topic-progress.

O before-topic-progress é envolvido com <span> e eu não vejo o porquê. :thinking:

O contêiner não é inline, e eu não vejo razão para que um span seja forçadamente envolvido em torno desta saída. Ele não tem propósito óbvio e interfere no layout do nosso próprio conteúdo. Por exemplo, se quisermos inserir um botão, o botão não conseguirá corresponder às alturas dos outros elementos por causa deste span:

image

Eu não vejo uma maneira elegante de resolver isso. A mais direta é usar algo como

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

Mas se vários plugins ou componentes usarem a mesma saída, forçar um flex no pai pode estragar o estilo de outro conteúdo (um caso extremo, eu suponho).

Se este span não tem propósito, ele poderia ser removido deste arquivo?

2 curtidas
2

Sim, acho que podemos removê-lo, se bem me lembro, essas marcações <span> foram adicionadas porque estão mais próximas do comportamento antigo das saídas (outlets). Já removemos um bom número delas caso a caso porque elas tendem a atrapalhar, como você experimentou.

Será feito aqui:

3 curtidas