Falha no breadcrumb de Categorias/Tags na página inicial

Contribuir Bug
1

Olá, encontrei um bug bem irritante no Foundation. Quando eu acesso meu site pela primeira vez, consigo ver o breadcrumb de categoria/tag assim:

imageassim como um botão longo de “criar um novo tópico”

mas quando eu atualizo a página, muda para algo assim:

image
image399×500 78.5 KB

com apenas o botão “Latest” e um botão de imagem de Tópico para criar um novo tópico (sem o botão longo “Create a new topic”)

Note que estas não são minhas capturas de tela.

  • Ainda acontece com uma instância nova do Foundation
  • Não parece que eu tenha algum componente/plugin causando isso

Ao inspecionar a página com o “bug”, vejo o seguinte:


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

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

Eu não sou desenvolvedor, mas acho que o problema aqui pode ser o “category-breadcrumb hidden”? “Category-breadcrumb hidden” não aparece na carga inicial (quando o “bug” ainda não apareceu, ou seja, antes de atualizar a página.) apenas o category-breadcrumb normal.

Obrigado a todos.

2

A segunda captura de tela é a versão móvel.

Você está obtendo isso consistentemente após cada atualização? Ele alterna entre as duas?

E esse comportamento ocorre no celular ou no desktop?

3

Você realmente vê isso “pela primeira vez”, porque se você vê o botão “novo tópico”, você está logado.

A página que você mostra sem o botão “criar novo tópico” é para um usuário deslogado.

Talvez você devesse fazer suas próprias capturas de tela para que possa ver o que realmente está acontecendo.

1 curtida
4

Não, é aleatório, mas relativamente persistente. Eu acho que você poderia pensar nisso como “ciclos”.

Em ambos.

5

Estou falando de quando os usuários estão logados

Não há mais nada disponível além das capturas de tela na minha postagem, infelizmente, ele continua alternando entre a Captura de Tela 1 e a Captura de Tela 2.

Informações adicionais caso ajude:

1 curtida
6

Não poderíamos simplesmente bloquear o “.category-breadcrumb hidden” de aparecer novamente?

7

Tente em geral com o modo de segurança primeiro, assim podemos ver se é um problema do núcleo ou não.

2 curtidas
8

Ainda apresentando o mesmo comportamento.

E quanto a isso? É possível? Obrigado.

9

Não, veja bem, está totalmente obscuro o que está acontecendo no momento. Mas você está dizendo que está vendo a versão móvel aparecer no desktop, então isso é algo maior. Como Jay também disse, sua captura de tela estando deslogado realmente não ajuda a identificar o problema.

Acho que uma gravação de tela é necessária para entender melhor o que você está experimentando. Verifique o console também, por favor.

2 curtidas
10

A barra de navegação (onde geralmente estão “Todas as categorias” / “Tags” ou “Mais recentes”) está com defeito.

Às vezes, a barra de navegação aparece assim (geralmente no primeiro login):

image(é isso que eu quero)

mas quando começo a explorar minha instância do Discourse auto-hospedada e atualizo a página (várias vezes), a barra de navegação muda subitamente para isto, “Mais recentes”:

image
image399×500 78.5 KB

A única coisa que importa na segunda captura de tela é o “Mais recentes”, ou seja, a barra de navegação que muda completamente e apaga os botões “Todas as categorias/tags”, não se concentre em mais nada na captura de tela, pois é completamente aleatória.

Obrigado.

11

É que você está obtendo o núcleo que deseja ao visitar /categories e não em outros momentos? Talvez alguns usuários tenham alterado sua página inicial de /categories ou estejam obtendo uma visualização diferente de outra forma.

Tenho quase certeza de que é isso que você está descrevendo. Quando você está em /latest, é isso que está na sua imagem, e quando você está na categoria, você obterá a outra visualização.

Se o seu site não exigir login, pode ajudar compartilhar seu URL.

12

Infelizmente, acho que não. Todos os “ciclos” de bugs aparecem no “Site.com” normal (minha página de destino é site.com em Latest, mas sem site.com/latest)