Kategorien/Tags Breadcrumb auf der Startseite fehlerhaft

Beitragen Fehler
1

Hallo, ich habe einen ziemlich nervigen Fehler bei Foundation, wenn ich meine Website zum ersten Mal aufrufe, kann ich die Kategorie-/Tag-Breadcrumb genau so sehen:

imagesowie einen langen „Neues Thema erstellen“-Button

aber wenn ich die Seite aktualisiere, ändert sie sich in etwas wie folgt:

image
image399×500 78.5 KB

mit nur dem „Neueste“-Button und einem Themenbild-Button zum Erstellen eines neuen Themas (ohne den langen „Neues Thema erstellen“-Button)

Hinweis: Das sind nicht meine Screenshots.

  • Es tritt immer noch mit einer frischen Foundation-Instanz auf
  • Es scheint nicht so, als hätte ich eine Komponente/ein Plugin, das damit herumspielt

Wenn ich die „fehlerhafte“ Seite inspiziere, sehe ich Folgendes:


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

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

Ich bin zwar kein Entwickler, aber ich vermute, das Problem könnte das „category-breadcrumb hidden“ sein? „Category-breadcrumb hidden“ erscheint beim ersten Laden nicht (wenn der „Fehler“ noch nicht aufgetreten ist, d. h. bevor die Seite aktualisiert wird.) nur das normale category-breadcrumb.

Danke an alle.

2

Der zweite Screenshot ist die mobile Version.

Tritt dies nach jedem Aktualisieren konstant auf? Wechselt es hin und her?

Und tritt dieses Verhalten auf dem Mobiltelefon oder auf dem Desktop auf?

3

Sehen Sie das wirklich „zum ersten Mal“, denn wenn Sie die Schaltfläche „Neues Thema“ sehen, sind Sie angemeldet.

Die Seite, die Sie zeigen und die keine Schaltfläche „Neues Thema erstellen“ hat, ist für einen nicht angemeldeten Benutzer.

Vielleicht sollten Sie Ihre eigenen Screenshots machen, damit Sie sehen können, was wirklich passiert.

1 „Gefällt mir“
4

Nein, es ist zufällig, aber relativ hartnäckig. Ich denke, man könnte es sich als „Zyklen“ vorstellen.

Auf beiden.

5

Ich spreche davon, wenn Benutzer angemeldet sind

Es gibt leider nichts mehr als die Screenshots in meinem Beitrag, es wechselt nur zwischen Screenshot 1 und Screenshot 2 hin und her.

Zusätzliche Infos, falls es hilft:

  • js.categories.categories_label in Site Texts wird von categories zu Categories geändert
  • Ich versuche, die Discourse Breadcrumb Links Komponente (die ich aktiviert hatte) zu aktivieren/deaktivieren, um zu sehen, ob das etwas bewirkt. Auch wenn die Chancen gering sind.
1 „Gefällt mir“
6

Könnten wir „.category-breadcrumb hidden“ einfach daran hindern, jemals wieder aufzutauchen?

7

Versuchen Sie es generell zuerst im abgesicherten Modus, damit wir sehen können, ob es sich um ein Kernproblem handelt oder nicht.

2 „Gefällt mir“
8

Verhalte mich immer noch genauso.

Was ist damit? Ist das möglich? Danke.

9

Nein, schauen Sie, es ist völlig unklar, was im Moment vor sich geht. Aber Sie sagen, dass die mobile Version auf dem Desktop angezeigt wird, das ist also etwas Größeres. Wie Jay auch sagte, hilft Ihr Screenshot, der ausgeloggt ist, nicht wirklich bei der Identifizierung des Problems.

Ich denke, eine Bildschirmaufnahme ist angebracht, um besser zu verstehen, was Sie erleben. Überprüfen Sie bitte auch die Konsole.

2 „Gefällt mir“
10

Die Navigationsleiste (wo normalerweise „Alle Kategorien“ / „Tags“ oder „Neueste“ steht) ist fehlerhaft.

Manchmal wird die Navigationsleiste wie folgt angezeigt (normalerweise beim ersten Login):

image(das ist das, was ich möchte)

aber wenn ich anfange, meine selbst gehostete Discourse-Instanz zu erkunden und die Seite (mehrmals) aktualisiere, ändert sich die Navigationsleiste plötzlich zu dieser: „Neueste“:

image
image399×500 78.5 KB

Das Einzige, was beim 2. Screenshot zählt, ist das „Neueste“ bzw. die Navigationsleiste, die sich komplett ändert und die Schaltflächen „Alle Kategorien/Tags“ entfernt. Konzentrieren Sie sich nicht auf etwas anderes im Screenshot, da dieser völlig zufällig ist.

Vielen Dank.

11

Erhalten Sie den gewünschten Kern nur, wenn Sie /categories besuchen und nicht zu anderen Zeiten? Vielleicht haben einige Benutzer ihre Startseite von /categories geändert oder erhalten auf andere Weise eine andere Ansicht.

Ich bin mir ziemlich sicher, dass Sie das beschreiben. Wenn Sie sich unter /latest befinden, dann ist das das, was auf Ihrem Bild zu sehen ist, und wenn Sie sich in einer Kategorie befinden, erhalten Sie die andere Ansicht.

Wenn Ihre Seite keine Anmeldung erfordert, könnte es helfen, Ihre URL mitzuteilen.

12

Ich glaube leider nicht. Alle Fehler-“Zyklen” erscheinen auf der normalen “Site.com” (meine Landingpage ist site.com auf Latest, aber ohne site.com/latest)