Perché l'outlet before-topic-progress è racchiuso in uno \u003cspan\u003e?

Sviluppatore
1

Stavo cercando di aggiungere contenuto al contenitore della timeline mobile.

Ci sono due outlet in questo contenitore.

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

before-topic-progress è racchiuso in <span> e non capisco perché. :thinking:

Il contenitore non è inline e non vedo alcun motivo per cui uno span debba essere forzatamente avvolto attorno a questo outlet. Non ha alcuno scopo evidente e interferisce con il layout dei nostri contenuti. Ad esempio, se vogliamo inserire un pulsante, il pulsante non sarà in grado di eguagliare le altezze degli altri elementi a causa di questo span:

image

Non vedo un modo elegante per risolvere questo problema. Il più diretto è usare qualcosa come

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

Ma se più plugin o componenti utilizzano lo stesso outlet, forzare un flex sul genitore può rovinare lo stile di altri contenuti (un caso limite, suppongo).

Se questo span non ha alcuno scopo, potrebbe essere rimosso da questo file?

2 Mi Piace
2

Sì, penso che possiamo rimuoverli, se ricordo bene questi <span> sono stati aggiunti perché sono più vicini al comportamento legacy delle prese. Ne abbiamo già rimossi parecchi caso per caso perché tendono a intralciare, come hai sperimentato.

Sarà fatto qui:

3 Mi Piace