Fallo en la ruta de navegación de Categorías/Etiquetas en la página de inicio

Hola, tengo un error bastante molesto en Foundation, cuando me conecto a mi sitio web por primera vez puedo ver la ruta de navegación de la categoría/etiqueta tal como se muestra:

imageasí como un botón largo de “crear un nuevo tema”

pero cuando actualizo la página cambia a algo como esto:

con solo el botón “Latest” y un botón de imagen de Tema para crear un nuevo tema (sin el botón largo “Create a new topic”)

Tenga en cuenta que estas no son mis capturas de pantalla.

  • Todavía sucede con una instancia nueva de Foundation
  • No parece que tenga ningún componente/plugin interfiriendo con esto

Al inspeccionar la página con el “error” veo lo siguiente:


  <ol class="category-breadcrumb hidden">
  <!--
      <li>
        <details id="ember8" class="select-kit single-select combobox combo-box category-drop ember-view category-breadcrumb__category-selector">    <summary aria-label="Filter by: Categories" name="Filter by: Categories" data-name="Categories" data-value="" tabindex="0" role="listbox" id="ember8-header" class="select-kit-header single-select-header combo-box-header category-drop-header ember-view"><div class="select-kit-header-wrapper">
      <div title="Categories" data-name="Categories" class="select-kit-selected-name selected-name choice">
<!--
-->
<!--
-->
    <span class="name">
      Categories
    </span>

<!--
-->  </div>


  <svg class="fa d-icon d-icon-angle-right svg-icon fa-width-auto angle-icon svg-string" width="1em" height="1em" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#angle-right">
    </use></svg>
</div></summary>

  <div id="ember8-body" class="select-kit-body ember-view" style="position: absolute; width: 370px; top: 0px; left: 0px; transform: translate(10px, 3px);"><!--
--></div>
</details>
      </li>

      <li>
        <details id="ember10" class="select-kit single-select combobox combo-box tag-drop tag_all ember-view">    <summary aria-label="Filter by: Tags" name="Filter by: Tags" data-name="Tags" data-value="" tabindex="0" role="listbox" id="ember10-header" class="select-kit-header single-select-header combo-box-header tag-drop-header ember-view"><div class="select-kit-header-wrapper">
      <div title="Tags" data-name="Tags" class="select-kit-selected-name selected-name choice">
<!--
-->
<!--
-->
    <span class="name">
      Tags
    </span>

<!--
-->  </div>


  <svg class="fa d-icon d-icon-angle-right svg-icon fa-width-auto angle-icon svg-string" width="1em" height="1em" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#angle-right">
    </use></svg>
</div></summary>

  <div id="ember10-body" class="select-kit-body ember-view" style="position: absolute; width: 370px; top: 0px; left: 0px; transform: translate(10px, 3px);"><!--
--></div>
</details>
      </li>

  <!--
-->
</ol>

<!--
-->

  <ul id="navigation-bar" class="nav nav-pills">
    <li>
      <button class="btn no-text fk-d-menu__trigger list-control-toggle-link-trigger" aria-expanded="false" data-identifier="list-control-toggle-link" data-trigger="" type="button" id="ember16">
<!--
-->
<!--
-->
          <span class="list-control-toggle-link__text">Latest</span>
          <svg class="fa d-icon d-icon-discourse-chevron-expand svg-icon fa-width-auto svg-string" width="1em" height="1em" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#discourse-chevron-expand">
    </use></svg>
        

<!--
-->
</button>

<!--
-->
    </li>
    <li>
      <!--
-->
    </li>
  </ul>

<div class="navigation-controls">
<!--
-->
  <div class="row dismiss-container-top"><!--
--><!--
--></div>

<!--
-->
<!--
-->
<!--
-->
  <!--
-->

    <div class="d-combo-button" role="group" aria-label="New topic and drafts">
  
    <button class="btn no-text btn-icon d-combo-button-button btn-primary" id="create-topic" type="button">
<svg class="fa d-icon d-icon-far-pen-to-square svg-icon fa-width-auto svg-string" width="1em" height="1em" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#far-pen-to-square">
    </use></svg>  <span aria-hidden="true">
      ​
    </span>
    
  

<!--
-->
</button>


<!--
-->
</div>


  <!--
-->

<!--
-->
<!--
-->
</div>

<!--
-->
<!--
-->

Supongo que el problema aquí podría ser el “category-breadcrumb hidden”? “Category-breadcrumb hidden” no aparece en la carga inicial (cuando el “error” aún no ha aparecido, es decir, antes de actualizar la página) solo aparece el category-breadcrumb normal.

Gracias a todos.

La segunda captura de pantalla es la versión móvil.

¿Lo obtienes de forma constante después de cada actualización? ¿Cambia de un lado a otro?

Y, ¿este comportamiento es en móvil o en escritorio?

¿Es realmente lo que ves “por primera vez” porque si ves el botón “nuevo tema”, has iniciado sesión.

La página que muestras sin el botón “crear nuevo tema” es para un usuario que ha cerrado la sesión.

Quizás deberías hacer tus propias capturas de pantalla para poder ver lo que realmente está sucediendo.

1 me gusta

No, es aleatorio pero relativamente persistente. Supongo que podrías pensarlo como “ciclos”.

En ambos.

Estoy hablando de cuando los usuarios han iniciado sesión

Lamentablemente no hay nada más disponible que las capturas de pantalla en mi publicación, simplemente sigue cambiando de la Captura de pantalla 1 a la Captura de pantalla 2.

Información adicional en caso de que ayude:

  • Se edita js.categories.categories_label en Textos del sitio de categories a Categories
  • Estoy intentando habilitar/deshabilitar el componente de enlaces de migas de pan de Discourse (que tenía habilitado) para ver si hace algo. Aunque las posibilidades sean bajas.
1 me gusta

¿No podríamos simplemente bloquear que “.category-breadcrumb hidden” aparezca de nuevo?

Intenta en general con el modo seguro primero, así podemos ver si es un problema del núcleo o no.

2 Me gusta

Sigo teniendo el mismo comportamiento.

¿Qué hay de esto? ¿Es posible? Gracias.

No, mira, no está nada claro lo que está pasando en este momento. Pero estás diciendo que ves la versión móvil aparecer en el escritorio, así que eso es algo más grande. Como dijo Jay también, que tu captura de pantalla muestre que has cerrado la sesión realmente no ayuda a identificar el problema.

Creo que es necesario hacer una grabación de pantalla para entender mejor lo que estás experimentando. Por favor, revisa también la consola.

2 Me gusta

La barra de navegación (donde normalmente están “Todas las categorías” / “Etiquetas” o “Más reciente”) tiene errores.

A veces, la barra de navegación aparece así (generalmente al iniciar sesión por primera vez):

image(esto es lo que quiero)

pero cuando empiezo a explorar mi instancia de Discourse autoalojada y actualizo la página (varias veces), la barra de navegación cambia repentinamente a esto: “Más reciente”:

Lo único que importa en la segunda captura de pantalla es el “Más reciente”, es decir, la barra de navegación que cambia por completo y borra los botones de “Todas las categorías/etiquetas”, no se centre en nada más en la captura de pantalla, ya que es completamente aleatoria.

Gracias.

¿Es que obtienes el núcleo que deseas cuando visitas /categories y no en otros momentos? Quizás algunos usuarios hayan cambiado su página de inicio a /categories o estén obteniendo una vista diferente de otra manera.

Estoy bastante seguro de que eso es lo que estás describiendo. Cuando estás en /latest, eso es lo que aparece en tu imagen, y cuando estás en una categoría, obtendrás la otra vista.

Si tu sitio no requiere inicio de sesión, podría ser útil compartir tu URL.

Lamentablemente, no lo creo. Todos los “ciclos” de errores aparecen en el “Site.com” normal (mi página de destino es site.com en Latest pero sin site.com/latest)