Сбой хлебных крошек категорий/тегов на главной странице

Внести вклад Ошибка
1

Привет, у меня довольно раздражающий баг в Foundation: когда я впервые подключаюсь к своему сайту, я вижу хлебные крошки категорий/тегов вот так:

image

а также длинную кнопку «Создать новую тему».

Но при обновлении страницы это меняется на что-то вроде этого:

image
image399×500 78.5 KB

где есть только кнопка «Последние» и кнопка с иконкой темы для создания новой темы (без длинной кнопки «Создать новую тему»).

Обратите внимание: это не мои скриншоты.

  • Это всё ещё происходит на свежем экземпляре Foundation.
  • Кажется, что никакой компонент или плагин не вмешивается в это.

При инспекции «сломанной» страницы я вижу следующее:


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

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

Я не разработчик, но, думаю, проблема здесь может быть в «category-breadcrumb hidden»? «Category-breadcrumb hidden» не появляется при первоначальной загрузке (когда баг ещё не проявился, то есть до обновления страницы), только обычный category-breadcrumb.

Спасибо всем.

2

Второй скриншот — это мобильная версия.

Вы видите это постоянно после каждого обновления страницы? Оно переключается туда-сюда?

И это поведение наблюдается на мобильном устройстве или на компьютере?

3

Вы действительно видите это «впервые»? Если вы видите кнопку «новая тема», значит, вы уже вошли в систему.

Страница, которую вы показали и на которой нет кнопки «создать новую тему», предназначена для пользователей, не вошедших в систему.

Возможно, вам стоит сделать собственные скриншоты, чтобы увидеть, что происходит на самом деле.

1 лайк
4

Нет, это происходит случайно, но довольно регулярно. Можно сказать, что это происходит «циклами».

На обоих.

5

Я говорю о ситуации, когда пользователи уже вошли в систему.

К сожалению, больше ничего нет, кроме скриншотов в моём посте — они просто постоянно переключаются между «Скриншот 1» и «Скриншот 2».

Дополнительная информация на случай, если поможет:

  • В Site Texts параметр js.categories.categories_label изменён с categories на Категории.
  • Я пытаюсь включить/выключить компонент ссылок-хлебных крошек Discourse (который у меня был включён), чтобы проверить, повлияет ли это. Хотя шансы невелики.
1 лайк
6

Неужели мы не можем просто заблокировать «.category-breadcrumb hidden», чтобы она больше никогда не появлялась?

7

Сначала попробуйте в целом включить безопасный режим, чтобы мы могли понять, является ли это проблемой ядра или нет.

2 лайка
8

Поведение всё ещё не изменилось.

Как насчёт этого? Возможно ли это? Спасибо.

9

Нет, послушайте, в данный момент совершенно непонятно, что происходит. Но вы говорите, что видите мобильную версию на рабочем столе, а это уже серьёзнее. Как также отметил Джей, ваш скриншот, сделанный в состоянии без авторизации, не очень помогает выявить проблему.

Я думаю, что для лучшего понимания того, с чем вы сталкиваетесь, потребуется запись экрана. Пожалуйста, проверьте также консоль.

2 лайка
10

Панель навигации (где обычно находятся «Все категории» / «Теги» или «Последние») работает некорректно.

Иногда панель навигации отображается так (обычно при первом входе):

image(это то, что мне нужно)

но когда я начинаю исследовать мой самохостинговый экземпляр Discourse и обновляю страницу (несколько раз), панель навигации внезапно меняется на эту, «Последние»:

image
image399×500 78.5 KB

Единственное, что важно на втором скриншоте, — это «Последние», то есть панель навигации, которая полностью меняется и удаляет кнопки «Все категории/теги». Не обращайте внимания на остальное на скриншоте, так как это совершенно случайный снимок.

Спасибо.

11

Правильно ли я понимаю, что вы получаете нужное основное содержимое при посещении /categories, но не в других случаях? Возможно, некоторые пользователи изменили свою домашнюю страницу с /categories или видят иначе.

Я почти уверен, что вы описываете именно это. Когда вы находитесь на /latest, вы видите то, что изображено на вашем скриншоте, а при переходе в категорию появляется другой вид.

Если для доступа к вашему сайту не требуется вход в систему, возможно, будет полезно поделиться его URL.

12

К сожалению, я так не думаю. Все «циклы» багов появляются на обычном «Site.com» (мой лендинг — site.com на Latest, но без site.com/latest)