# La cabecera de la marca en el menú móvil no se expande completamente hasta cambiar el tamaño de la ventana

**URL:** https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422
**Category:** Support
**Tags:** brand-header
**Created:** [17 Junio, 2024 16:53 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422 "2024-06-17T16:53:24Z")
**Posts on this page:** 13
**Page:** 1

<div class="post-metadata">

### Author: ![37Rb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/37rb/32/224158_2.png) [@37Rb](https://meta.discourse.org/u/37Rb)
#### Post date: [17 Junio, 2024 16:53 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/1 "2024-06-17T16:53:24Z")

</div>

Tenemos un problema en el que el menú de encabezado de marca en la parte superior izquierda solo se expande parcialmente en dispositivos móviles al tocarlo. Lo hemos configurado para que no muestre la barra en dispositivos móviles. Si solo toco el menú de hamburguesa, se ve así.

 ![Screenshot 2024-06-17 at 11.30.45 AM](https://global.discourse-cdn.com/meta/original/4X/8/8/4/88486f68a9c2f5c06281302f2397ea62fc9dc8b4.png)

Pero si luego redimensiono la ventana en cualquier dirección, se expande completamente y muestra todos los subenlaces.

 ![Screenshot 2024-06-17 at 11.30.55 AM](https://global.discourse-cdn.com/meta/original/4X/2/9/2/2920e24abc70dc210fc613d1d4605b26625e512b.png)

¿Cómo consigo que se expanda completamente al tocarlo sin necesidad de redimensionar la ventana?

---

<div class="post-metadata">

### Author: ![37Rb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/37rb/32/224158_2.png) [@37Rb](https://meta.discourse.org/u/37Rb)
#### Post date: [25 Junio, 2024 21:42 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/2 "2024-06-25T21:42:11Z")

</div>

He descubierto que en nuestro foro, cuando simplemente hago clic en el menú hamburguesa, la clase “slide-in” no se agrega al div “menu-panel”.

 ![Screenshot 2024-06-25 at 4.28.33 PM](https://global.discourse-cdn.com/meta/original/4X/8/5/c/85cb3c60ee40fa2be0a094d0225d900e89af3a79.png)

Pero tan pronto como redimensiono la ventana, se agrega y el menú funciona correctamente.

 ![Screenshot 2024-06-25 at 4.28.57 PM](https://global.discourse-cdn.com/meta/original/4X/a/d/b/adbe82d0f43619f9d70a813721d8447ad9a4c79a.png)

Por lo que puedo ver, “menu-panel” y “slide-in” no provienen de nuestro tema. Pero parece que “slide-in” es importante para que funcione. ¿Por qué no se agregaría “slide-in” cuando se abre el menú? ¿Por qué el redimensionamiento de la ventana del navegador haría que se agregara de repente?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [8 Julio, 2024 16:07 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/3 "2024-07-08T16:07:27Z")

</div>

Así es como veo este componente en el móvil sin otros temas instalados:

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/c/b/0cb7dfa9598f29058e014f9997e0e9cf7eeb34d6.png)

No tuve que redimensionar para obtener esto, y cuando redimensiono, no obtengo la clase `slide-in` en absoluto…

Parece que estás en Discourse 3.2, en lugar de la versión actual 3.3. Hay actualizaciones para este componente que dependen de la versión 3.3, por lo que no las estás recibiendo en este momento.

Es posible que actualizar Discourse y el componente solucione todos sus problemas, pero si no es así, puede haber un conflicto con otras personalizaciones.

---

<div class="post-metadata">

### Author: ![37Rb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/37rb/32/224158_2.png) [@37Rb](https://meta.discourse.org/u/37Rb)
#### Post date: [8 Julio, 2024 16:33 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/4 "2024-07-08T16:33:38Z")

</div>

Tienes razón, estamos usando Discourse 3.2.3. Pensé que entendí de [esta publicación](https://meta.discourse.org/t/brand-header/77977/251?u=37rb) que el problema también existe en la versión 3.3, pero la tuya se ve bien. Verificaré si es posible que actualicemos a la 3.3, o tal vez instalemos una versión anterior del componente brand-header.

¿Está publicado en algún lugar que el componente requiera la versión 3.3? No veo eso en ninguna parte.

¿Sabes cuándo se realizaron las actualizaciones que dependen de la 3.3? ¿O cuál podría ser la última versión que funcione con la 3.2?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [8 Julio, 2024 17:18 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/5 "2024-07-08T17:18:04Z")

</div>

> [@37Rb](#):
>
> ¿Está publicado en algún sitio que el componente requiere la versión 3.3? No veo eso en ninguna parte.

No lo requiere explícitamente, pero a veces, al hacer actualizaciones, sabemos que dependemos de una función más nueva de Discourse y fijamos el componente temático a una versión anterior de Discourse, lo que impedirá que reciba actualizaciones incompatibles.

Cuando esto se hace, los detalles están en un archivo `.discourse-compatibility`:

> <https://github.com/discourse/discourse-brand-header/blob/main/.discourse-compatibility>

En este caso, estarías fijado al commit con el hash: 12e6f76e0508b262517efd5db2d7feca261dff86, que es [DEV: move widgets to dedicated files, cleanup (#28) · discourse/discourse-brand-header@12e6f76 · GitHub](https://github.com/discourse/discourse-brand-header/commit/12e6f76e0508b262517efd5db2d7feca261dff86)

Desde ese cambio, el código del componente ha sido completamente refactorizado debido a cambios en la forma en que funciona la cabecera en Discourse.

Creo que esto resalta un buen problema a considerar, esta información está bastante oculta y es técnica. Quizás podamos añadir un mensaje en el panel de administración que diga que algunos componentes han dejado de recibir actualizaciones porque requieren características de la última versión de Discourse.

---

<div class="post-metadata">

### Author: ![37Rb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/37rb/32/224158_2.png) [@37Rb](https://meta.discourse.org/u/37Rb)
#### Post date: [8 Julio, 2024 17:25 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/6 "2024-07-08T17:25:36Z")

</div>

Hice un fork del componente, lo revertí al commit 12e6f76 y lo instalé en nuestro foro, pero el problema persiste. ¿No debería eso solucionarlo?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [8 Julio, 2024 17:27 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/7 "2024-07-08T17:27:14Z")

</div>

No, ese es el commit al que ya estás fijado, te estás perdiendo todo lo que viene después.

---

<div class="post-metadata">

### Author: ![37Rb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/37rb/32/224158_2.png) [@37Rb](https://meta.discourse.org/u/37Rb)
#### Post date: [8 Julio, 2024 17:32 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/8 "2024-07-08T17:32:40Z")

</div>

Debo estar entendiendo algo mal. Antes no teníamos este problema. En algún momento, el problema ocurrió porque el componente hizo cambios que requieren Discourse 3.3 y actualizamos el componente, pero todavía estamos usando Discourse 3.2. ¿Es correcto? Si es así, ¿no sería la solución más sencilla revertir a la última versión del componente que funciona con Discourse 3.2?

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [8 Julio, 2024 17:47 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/9 "2024-07-08T17:47:03Z")

</div>

> [@37Rb](#):
>
> En algún momento el problema ocurrió porque el componente hizo cambios que requieren Discourse 3.3 y actualizamos el componente pero todavía estamos usando Discourse 3.2. ¿Es correcto?

El componente no habría recibido esos cambios para la versión 3.3. Cuando un componente se fija a una versión específica de Discourse, esencialmente se congela en su estado actual hasta que se actualiza Discourse.

> [@37Rb](#):
>
> Si es así, ¿no sería la solución más simple retroceder a la última versión del componente que funciona con Discourse 3.2?

Entonces no deberías necesitar hacer esto… la fijación debería hacer que permanezca automáticamente en la última versión compatible, pero es posible que este error ya existiera en la versión del componente que estás utilizando.

---

<div class="post-metadata">

### Author: ![37Rb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/37rb/32/224158_2.png) [@37Rb](https://meta.discourse.org/u/37Rb)
#### Post date: [8 Julio, 2024 18:09 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/10 "2024-07-08T18:09:34Z")

</div>

Entiendo ahora… astuto. ¿Es seguro asumir que el mantenedor no hará ningún esfuerzo para que el componente funcione correctamente con la versión 3.2?

Hice una copia del foro y la actualicé a la versión 3.3 y sí, eso soluciona el problema. Estoy consultando con nuestro administrador para ver si es posible actualizar a la versión 3.3 en el foro principal.

¡Gracias!

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [8 Julio, 2024 18:30 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/11 "2024-07-08T18:30:58Z")

</div>

> [@37Rb](#):
>
> ¿Es seguro asumir que el mantenedor no hará ningún esfuerzo para que el componente funcione correctamente con la versión 3.2?

Sí, desafortunadamente, solo tenemos la capacidad de mantener los componentes temáticos en la última versión de Discourse, por lo que esto puede suceder ocasionalmente con versiones anteriores.

---

<div class="post-metadata">

### Author: ![37Rb](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/37rb/32/224158_2.png) [@37Rb](https://meta.discourse.org/u/37Rb)
#### Post date: [2 Agosto, 2024 20:42 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/12 "2024-08-02T20:42:12Z")

</div>

Finalmente pudimos actualizar el foro en producción a la versión 3.3 y de repente funciona. ¡Gracias de nuevo!

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [1 Septiembre, 2024 20:43 UTC](https://meta.discourse.org/t/brand-header-mobile-menu-doesnt-fully-expand-until-window-resize/312422/13 "2024-09-01T20:43:10Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
