Ayúdanos a probar el rediseño del compositor

[chapoi]

Objetivos

Hemos estado avanzando con pequeños cambios de preparación, como mover el interruptor de vista previa, integrar sugerencias de IA, añadir GIFs a la barra de herramientas, y ahora estamos listos para probar el cambio más grande, que está disponible para probar como un cambio experimental próximo.

Nuestros objetivos principales son:

1. Actualizar el compositor en línea con nuestros cambios generales para modernizar nuestra apariencia y sensación

2. Mejorar la experiencia de composición en móviles

Nos encantaría tu ayuda para probarlo antes de que avance más.

Cómo probarlo

1. Ve a Administrador → Cambios próximos en /admin/config/upcoming-changes
2. Busca Rediseño del compositor y actívalo
3. Abre el compositor (respuesta, nuevo tema o nuevo mensaje) y pruébalo tanto en escritorio como en móvil

Puedes desactivarlo en cualquier momento desde el mismo lugar. Aquí en Meta puedes unirte al nuevo grupo de prueba composer-testers.

---

Necesitamos especialmente comentarios de quienes utilicen componentes de temas o plugins que personalicen el compositor — este rediseño cambia ligeramente la estructura del compositor, no solo su estilo. Más sobre esto a continuación.

Qué ha cambiado

Diseño y estructura

General

• El título se ha incorporado al contenido, haciendo que parezca más como un título de documento (los usuarios de Notion encontrarán esto familiar)
• La barra de herramientas se ha movido al pie. Esto requerirá un pequeño ajuste de memoria muscular (también me molestó durante los primeros días )
• Campos de categoría y etiqueta rediseñados (incluyendo un icono de etiqueta y una selección mínima)
• Menos bordes, sensación más espaciosa

Markdown

• El título, la categoría y las etiquetas ahora se encuentran en un área de metadatos de ancho completo sobre el editor + panel de vista previa, en lugar de estar restringidos a la columna izquierda.

Móvil

Un factor impulsor muy importante de este proyecto es intentar mejorar la experiencia en móviles. Ha habido una abundancia de quejas justificadas al respecto en Meta a lo largo de los años ^{[1] [2] [3]}.

Para aumentar el espacio disponible mientras se escribe, estamos experimentando con un editor expandible, que se desliza hacia arriba al enfocarse, cubriendo los campos del compositor, y permanece expandido mientras el editor está enfocado. Esto aplica al crear un nuevo tema o nuevo mensaje privado, no al responder.

Esto más que duplica el espacio de escritura disponible, pasando de 103px a 212px (al probar en mi dispositivo – los resultados reales pueden variar).

Otros

• El interruptor de la barra de herramientas se elimina en el nuevo diseño
• Desliza hacia abajo para descartar el teclado y colapsar el editor de nuevo a normal
• Las etiquetas seleccionadas solo son visibles cuando se abre el menú. El icono está coloreado para indicar que se ha hecho una selección.

Comentarios

Esto sigue siendo altamente experimental y principalmente me interesa saber cómo funciona en tamaños de pantalla regulares (escritorio y móvil) en Foundation. Tablets, teléfonos plegables, otros temas, etc., aún no han sido optimizados.

Llamada a autores de temas y plugins

Si te conectas a salidas de plugins del compositor o styles el compositor, por favor prueba con el rediseño activado. El DOM se ha movido, y algunas personalizaciones pueden necesitar ajustes:

• El bloque de campos del compositor ahora se renderiza como un hijo de ancho completo del contenedor del editor, ya no dentro de la columna de texto del editor
• El contenido inyectado en la salida composer-fields ahora aparece sobre el título (entre el grupo de categoría/etiquetas y el título), de ancho completo
• El campo de título se renderiza como su propia fila, separado del grupo de categoría/etiquetas y debajo de ellos en lugar de encima

Ninguna salida ha sido renombrada o eliminada (aunque podrían serlo más tarde para ajustar semánticamente los cambios) — tus conectores aún se adjuntarán. Lo que ha cambiado es dónde y qué tan ancho se renderiza tu contenido.

Si encuentras algo roto en tu tema o plugin, por favor responde aquí con el componente/plugin y una captura de pantalla. Ese feedback es exactamente para lo que sirve esta fase de pruebas.

Diseño

Aquí hay algunas compensaciones o decisiones de diseño sobre las que yo mismo dudo y que podrían necesitar alguna opinión. Por supuesto, todo lo demás también es bienvenido.

A) ¿Por qué el campo de título es tan malditamente grande?

La idea es que se aumente a un tamaño mayor que el de un H1 añadido manualmente, para asegurar que siempre sea visualmente el título en el documento. A veces lo miro y pienso “qué asco”, otras veces pienso “sí, esto funciona”.

Otra idea es reducir ligeramente los títulos existentes, para lograr el mismo efecto.

B) ¿Las etiquetas ocultas son un problema…

…suficientemente grande como para no valer la compensación en móvil (más espacio para la categoría).

Si es así, ¿por qué?

C) ¿Cómo funciona la animación del editor expandible en tu dispositivo?

¿Es una ciudad de fallos? ¿Suficientemente bueno? ¿Una mejora? ¿Ideas alternativas o ajustes para mejorarlo?

D) ¿Qué hay del botón de sugerencia de título de IA?

No me gusta demasiado cómo flota solo allí. ¿Qué tal se siente para otros (que lo usan)? Muy abierto a escuchar ideas de diseño.

---

Gracias por ayudarnos a hacerlo bien antes de que se lance más ampliamente.

---

1. New Topic Editor Too Small iOS 26.5 Safari Web - #4 by fearlessfrog ↩︎

2. Creating/Editing a post on mobile: let's discuss the 2026 Discourse experience ↩︎

3. Such a tiny window to edit here on a cell phone ↩︎

[darkpixlz (Pyx)]

@chapoi

A) ¿Por qué el campo de título es tan malditamente grande?

Sí, honestamente no me gusta demasiado que esté justo debajo de la zona de texto y no en una caja separada por el momento… en teoría suena bien, pero simplemente no me gusta cómo se ve ahora mismo; parece una parte del campo de entrada de texto iniciado, especialmente en el editor visual. Preferiría que estuviera simplemente donde siempre ha estado, quizás con un poco más de espacio horizontal. Esto podría ser totalmente una reacción impulsiva al ver que ha cambiado, porque estaba perfectamente bien y realmente no necesitaba cambios, pero basándome en lo que he visto, aún no estoy seguro de si me gusta o no.

@chapoi

¿Y qué hay del botón de sugerencia de título con IA?

Tienes toda la razón en que ahora mismo parece un poco abandonado. Quizás debería anclarse justo donde termina el título, o si el diseño se revierte como sugerí, entonces el método antiguo funciona bien.

Definitivamente soy fan de esto. El diseño se ve genial (¡menos bordes!) y estoy emocionado porque por fin la experiencia en móvil sea usable, aunque siga siendo principalmente un usuario de escritorio.

[Don]

Hola

¡Este es un trabajo realmente genial! Me encanta. Se siente como una forma mucho más moderna y elegante de componer. También intenté mover la barra de herramientas a la parte inferior en el pasado, y creo que es mucho más cómodo así.

En general, se ve bastante limpio. Una cosa que noté: cuando el título se oculta y el cuerpo obtiene el foco, puede ser un poco confuso cómo volver a mostrar la sección del título, categoría, etc. Dado que en este caso todo el área de texto del compositor es desplazable, creo que añadir un agarre/manija visual podría ayudar a indicarle esto a los usuarios.

[NateDhaliwal]

¿Estuvo inspirado por el trabajo en el compositor anclado para mensajes de IA? Me recuerda a él.

Parece que esto solo está disponible en Meta Branded.

Me gusta que los iconos sean más pequeños (¿o no?) y que tenga un diseño más minimalista.

Pero creo que un problema es que ahora tengo que mirar más arriba para ver lo que estoy escribiendo, con la barra estorbando. ¿Qué tal si la barra de herramientas estuviera arriba? ¿Podría funcionar? (Ahora estoy en mi teléfono, así que no puedo moverla para comprobarlo)

[chapoi]

@NateDhaliwal

¿Estuvo esto inspirado por el trabajo en el compositor acoplado para mensajes de IA? Me recuerda a eso.

No exactamente

@NateDhaliwal

Parece que esto solo está disponible en Meta Branded.

No, debería ser independiente del tema. ¿No lo ves en otros temas?

[NateDhaliwal]

Vale, tras echarle un vistazo, ¿es posible ocultar el editor de contenido del tema cuando se cierra el teclado? De lo contrario, hay que pulsar dos veces para hacerlo (una en el botón del teclado y otra para deslizar).

También me parecen un poco extraños los iconos de categoría sin color. ¿Es intencional?

Y sí, el sugeridor de títulos con IA lo hace parecer un poco abarrotado, pero no estoy seguro de dónde más se podría colocar.

@chapoi

¿No lo ves en otros temas?

Eso ocurrió durante un rato al principio. Parece que ahora funciona correctamente.

En general, ¡no está nada mal en móvil hasta ahora!

[chapoi]

@NateDhaliwal

¿Es posible ocultar el editor de contenido del tema cuando el teclado está cerrado? De lo contrario, se requieren dos pulsaciones para hacerlo (1 en el botón del teclado y 1 para deslizar).

¿Podrías ampliar esta información? ¿Cómo cierras el teclado? La otra dirección debería ser automática: al reducir el editor, el teclado se cierra automáticamente, por lo que solo se requiere una acción.

[NateDhaliwal]

¡Oh! ¿Te refieres a deslizar hacia abajo para cerrar el compositor de contenido y el teclado? Hmm…

Por mi experiencia personal, pulso el botón de la barra de inicio en Android para cerrar el teclado. Dado que este comportamiento no existía con el compositor actual (es decir, deslizar o tocar para cerrar el teclado), me resulta más antinatural.

[chapoi]

Entendido, creo que debería funcionar al conectarlo.

[chapoi]

@NateDhaliwal

También me parecen un poco inusuales los iconos de categoría sin color. ¿Es intencional?

¡Accidental, gracias! Ya va la corrección en camino

[asa]

He notado que, cuando se crea un borrador, este aparece constantemente al entrar en un tema, pero el compositor no presenta este comportamiento. ¿Es esto intencional? (Me resulta algo molesto)

[chapoi]

No estoy seguro de haber entendido. ¿Te refieres a que, cuando tienes un borrador para un tema determinado y entras en ese tema, se abre el compositor? Si es así, eso ha sido así durante un tiempo (o siempre, no estoy seguro); en cualquier caso, no se ha cambiado (intencionadamente) ningún comportamiento.

¿O te refieres a otra cosa?

[asa]

Me equivoqué un poco. El compositor actual está efectivamente abierto, aunque se mantiene algo al fondo; el nuevo compositor “bloquea la vista”. Pero ahora he descubierto que se puede mover

[Canapin (Coin-coin le Canapin)]

Me gusta, solo que hasta ahora lo he publicado desde el escritorio.

No me gusta el título H1 que parece parte del área de texto. Me encontré haciendo clic al final del título y luego presionando ↓ para ir a la línea de abajo, y obviamente no funcionó.

Los títulos grandes pueden quedar parcialmente ocultos:

En el móvil, la barra de herramientas es bastante estrecha. La forma en que el pulgar se mueve naturalmente de izquierda a derecha en la pantalla de un teléfono inteligente no es una línea horizontal recta. Es ligeramente curva, desde la parte inferior derecha hasta la superior derecha, y este efecto podría aumentar si el área objetivo está alta en la pantalla.

Esto suele hacer que me pierda el control de arrastre de la barra lateral.

No estoy seguro de cómo mejorarlo. Hacer la barra de herramientas más alta no parece la mejor solución.

Quizás el área de detección podría ser ligeramente mayor que la barra de herramientas, de la misma manera que los desarrolladores de juegos de plataformas permiten que el personaje del jugador salte desde o aterrice en un borde incluso si está unos pocos píxeles demasiado lejos y debería caer normalmente.

[Shauny (Shaun Robinson)]

¿Cuál es la razón para mover los botones a la parte inferior?

Parece un gran problema de memoria muscular, ¿y por qué razón?

Además, están cerca de “Descartar” y “Responder” en el móvil, por lo que habrá publicaciones accidentales.

Simplemente no veo el beneficio por la cantidad de problemas que esto creará.

[satonotdead]

@Shauny

¿Cuál es la razón para mover los botones hacia abajo?

Creo que la mayoría de nosotros usamos dispositivos móviles con una sola mano, y los botones son más accesibles en la parte inferior. Algunos navegadores, por ejemplo, han movido la barra de direcciones siguiendo el mismo enfoque.

Me gusta, y creo que necesitamos algo de tiempo para acostumbrarnos. Quiero decir, probar el cambio durante al menos una o dos semanas, porque las cosas que hacemos de forma automática tienden a generar una reacción negativa ante un cambio repentino, pero una vez que nos acostumbremos al nuevo sistema, el resultado general podría ser positivo.

Como nota al margen, yo era uno de los que NO quería una pantalla táctil en mi teléfono

[David_Ghost]

Interesante. En realidad estaba usando un TC para colocar el menú en la parte inferior. Buen cambio.

[Don]

@Shauny

¿Cuál es la razón para mover los botones a la parte inferior?

Para mí, una de las principales razones para mover la barra de herramientas a la parte inferior.

@Don

El menú contextual cubre la barra de botones del editor.

[Canapin (Coin-coin le Canapin)]

Me gusta mucho la barra de herramientas inferior. Tiene mucho más sentido en dispositivos móviles. Es mucho más fácil de alcanzar.

Creo que también tiene sentido en escritorio: el contenido (textarea) es la prioridad, el formato (barra de herramientas) viene después, así que el orden encaja.

[Heliosurge (Dan DeMontmorency)]

Se ve y se siente bastante bien en el móvil. Aunque el icono de etiqueta al crear un tema podría hacerse un poco más grande, ya que se siente un poco pequeño, al menos en mi Google Pixel 9 XL.
También me interesa probarlo en Meta.