¿Por qué la salida before-topic-progress está envuelta con un \u003cspan\u003e?

Desarrollador
1

Estaba intentando añadir contenido al contenedor de la línea de tiempo móvil.

Hay dos outlets en este contenedor.

before-topic-progress y after-topic-progress.

before-topic-progress está envuelto con <span> y no veo por qué. :thinking:

El contenedor no es inline, y no veo ninguna razón por la que se deba envolver forzosamente un span alrededor de este outlet. No tiene ningún propósito obvio e interfiere con nuestro propio diseño de contenido. Por ejemplo, si queremos insertar un botón, el botón no podrá igualar las alturas de los otros elementos debido a este span:

image

No veo una forma elegante de resolver esto. La más sencilla es usar algo como

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

Pero si varios plugins o componentes usan el mismo outlet, forzar un flex en el padre puede estropear el estilo de otro contenido (un caso extremo, supongo).

Si este span no tiene ningún propósito, ¿podría eliminarse de este archivo?

2 Me gusta
2

Sí, creo que podemos eliminarlo, si no recuerdo mal, estas etiquetas se añadieron porque se asemejan más al comportamiento heredado de los outlets. Ya hemos eliminado un buen número de ellas caso por caso porque tienden a estorbar, como has experimentado.

Se hará aquí:

3 Me gusta