Glitch nella breadcrumb di Categorie/Tag sulla home page

Contribuisci Bug
1

Ciao, ho riscontrato un bug piuttosto fastidioso su Foundation, quando mi connetto al mio sito web per la prima volta vedo il breadcrumb della categoria/tag proprio come questo:

imagecosì come un lungo pulsante “crea un nuovo argomento”

ma quando aggiorno la pagina cambia in qualcosa del genere:

image
image399×500 78.5 KB

con solo il pulsante “Latest” e un pulsante Immagine Argomento per creare un nuovo argomento (senza il lungo pulsante Crea un nuovo argomento")

Nota che questi non sono i miei screenshot.

  • Succede ancora con una nuova istanza di Foundation
  • Non sembra che abbia componenti/plugin che interferiscano

Ispezionando la pagina “con bug” vedo quanto segue:


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

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

Non sono uno sviluppatore ma suppongo che il problema qui possa essere “category-breadcrumb hidden”? “Category-breadcrumb hidden” non appare al caricamento iniziale (quando il “bug” non è ancora apparso, cioè prima di aggiornare la pagina.) solo il normale category-breadcrumb.

Grazie a tutti.

2

La seconda schermata è la versione mobile.

Lo riscontri in modo coerente dopo ogni aggiornamento? Alterna avanti e indietro?

E questo comportamento si verifica su dispositivi mobili o su desktop?

3

È davvero quello che vedi “per la prima volta” perché se vedi il pulsante “nuovo argomento”, sei loggato.

La pagina che mostri senza il pulsante “crea nuovo argomento” è per un utente disconnesso.

Forse dovresti fare i tuoi screenshot in modo da poter vedere cosa sta realmente succedendo.

1 Mi Piace
4

No, è casuale ma relativamente persistente. Immagino che tu possa pensarlo come “cicli”.

Entrambi.

5

Sto parlando di quando gli utenti sono loggati

Purtroppo non c’è niente di più disponibile degli screenshot nel mio post, continua solo a passare da Screenshot 1 a Screenshot 2.

Informazioni aggiuntive nel caso possano essere utili:

  • js.categories.categories_label in Site Texts è modificato da categories a Categories
  • Sto cercando di abilitare/disabilitare Il componente dei link breadcrumb di Discourse (che avevo abilitato) per vedere se fa qualcosa. Anche se le probabilità sono basse.
1 Mi Piace
6

Non potremmo semplicemente bloccare l’apparizione di “.category-breadcrumb hidden” in modo definitivo?

7

Prova in generale prima in modalità sicura, così possiamo vedere se è un problema del core o meno.

2 Mi Piace
8

Ho ancora lo stesso comportamento.

Che ne dici? È possibile? Grazie.

9

No, guarda, non è del tutto chiaro cosa stia succedendo al momento. Ma stai dicendo che vedi la versione mobile apparire sul desktop, quindi è qualcosa di più grande. Come ha detto anche Jay, il tuo screenshot con l’accesso disconnesso non aiuta davvero a identificare il problema.

Penso che una registrazione dello schermo sia necessaria per capire meglio cosa stai riscontrando. Controlla anche la console, per favore.

2 Mi Piace
10

La barra di navigazione (dove di solito ci sono “Tutte le categorie” / “Tag” o “Ultimi”) non funziona correttamente.

A volte la barra di navigazione appare così (di solito al primo accesso):

image(questo è quello che voglio)

ma quando inizio a esplorare la mia istanza Discourse self-hosted e aggiorno la pagina (più volte), la barra di navigazione cambia improvvisamente in questo modo: “Ultimi”:

image
image399×500 78.5 KB

L’unica cosa che conta nel secondo screenshot è “Ultimi”, ovvero la barra di navigazione, che cambia completamente ed elimina i pulsanti “Tutte le categorie/tag”, non concentratevi su nient’altro nello screenshot poiché è completamente casuale.

Grazie.

11

È possibile che tu stia ottenendo la core che desideri quando visiti /categories e non in altri momenti? Forse alcuni utenti hanno modificato la loro pagina iniziale da /categories o stanno ottenendo una visualizzazione diversa in altro modo.

Sono abbastanza sicuro che sia quello che stai descrivendo. Quando sei su /latest allora è quello che c’è nella tua immagine e quando sei su una categoria otterrai l’altra visualizzazione.

Se il tuo sito non richiede l’accesso, potrebbe essere utile condividere il tuo URL.

12

Purtroppo non credo. Tutti i “cicli” di bug appaiono sul normale “Site.com” (la mia landing page è site.com su Latest ma senza site.com/latest)