Problème d'affichage du fil d'Ariane des Catégories/Tags sur la page d'accueil

Contribuer Bug
1

Bonjour, j’ai un bug assez ennuyeux sur Foundation, lorsque je me connecte à mon site web pour la première fois, je peux voir le fil d’Ariane de la catégorie/tag comme ceci :

imageainsi qu’un long bouton « créer un nouveau sujet »

mais lorsque j’actualise la page, cela devient quelque chose comme ceci :

image
image399×500 78.5 KB

avec seulement le bouton « Latest » et un bouton d’image de sujet pour créer un nouveau sujet (sans le long bouton « Create a new topic »)

Notez que ce ne sont pas mes captures d’écran.

  • Cela se produit toujours avec une nouvelle instance de Foundation
  • Il ne semble pas qu’un composant/plugin interfère avec cela

Lors de l’inspection de la page « buggée », je peux voir ce qui suit :


  <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>

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

Je ne suis pas développeur, mais je suppose que le problème pourrait être le « category-breadcrumb hidden » ? « Category-breadcrumb hidden » n’apparaît pas au chargement initial (lorsque le « bug » n’est pas encore apparu, c’est-à-dire avant d’actualiser la page.) seulement category-breadcrumb normal.

Merci à tous.

2

La deuxième capture d’écran est la version mobile.

Obtenez-vous cela de manière cohérente après chaque actualisation ? Est-ce que cela alterne ?

Et, ce comportement se produit-il sur mobile ou sur ordinateur ?

3

Est-ce vraiment ce que vous voyez « pour la première fois » car si vous voyez le bouton « nouveau sujet », vous êtes connecté.

La page que vous montrez sans le bouton « créer un nouveau sujet » est destinée à un utilisateur déconnecté.

Peut-être devriez-vous faire vos propres captures d’écran afin de voir ce qui se passe réellement.

1 « J'aime »
4

Non, c’est aléatoire mais relativement persistant. Je suppose que vous pourriez y penser comme des « cycles ».

Les deux.

5

Je parle de lorsque les utilisateurs sont connectés

Il n’y a rien de plus disponible que les captures d’écran dans mon message, malheureusement, cela ne fait que passer de la capture d’écran 1 à la capture d’écran 2.

Informations supplémentaires au cas où cela aiderait :

  • js.categories.categories_label dans les textes du site est modifié de categories à Categories
  • J’essaie d’activer/désactiver le composant de liens de fil d’Ariane de Discourse (que j’avais activé) pour voir si cela change quelque chose. Même si les chances sont minces.
1 « J'aime »
6

Ne pourrions-nous pas simplement bloquer l’apparition de “.category-breadcrumb hidden” à jamais ?

7

Essayez en général en mode sans échec d’abord, afin que nous puissions voir s’il s’agit d’un problème de base ou non.

2 « J'aime »
8

J’ai toujours le même comportement.

Qu’en est-il de ceci ? Est-ce possible ? Merci.

9

Non, regardez, il est tout à fait flou ce qui se passe en ce moment. Mais vous dites que vous voyez la version mobile apparaître sur le bureau, c’est donc quelque chose de plus grand. Comme Jay l’a également dit, votre capture d’écran déconnectée n’aide pas vraiment à identifier le problème.

Je pense qu’un enregistrement d’écran est nécessaire pour mieux comprendre ce que vous vivez. Veuillez également vérifier la console.

2 « J'aime »
10

La barre de navigation (où se trouvent habituellement « Toutes les catégories » / « Tags » ou « Derniers ») est boguée.

Parfois, la barre de navigation s’affiche comme ceci (généralement lors de la première connexion) :

image(c’est ce que je veux)

mais lorsque je commence à explorer mon instance Discourse auto-hébergée et que j’actualise la page (plusieurs fois), la barre de navigation change soudainement pour afficher ceci : « Derniers » :

image
image399×500 78.5 KB

La seule chose qui compte dans la 2e capture d’écran est « Derniers », c’est-à-dire la barre de navigation qui change complètement et efface les boutons « Toutes les catégories/tags », ne vous concentrez sur rien d’autre dans la capture d’écran car elle est complètement aléatoire.

Merci.

11

Est-ce que vous obtenez le cœur que vous souhaitez lorsque vous visitez /categories et pas à d’autres moments ? Peut-être que certains utilisateurs ont changé leur page d’accueil par /categories ou obtiennent une vue différente autrement.

Je suis presque sûr que c’est ce que vous décrivez. Lorsque vous êtes sur /latest, c’est ce qui est sur votre image, et lorsque vous êtes sur une catégorie, vous obtiendrez l’autre vue.

Si votre site n’exige pas de connexion, il pourrait être utile de partager votre URL.

12

Je ne pense pas, malheureusement. Tous les « cycles » de bugs apparaissent sur le « Site.com » normal (ma page de destination est site.com sur Latest mais sans site.com/latest)