مرحباً، لقد واجهت خطأً مزعجًا إلى حد ما في Foundation، فعندما أتصل بموقعي لأول مرة يمكنني رؤية مسار التنقل للفئة/الوسم كما يلي:
بالإضافة إلى زر “إنشاء موضوع جديد” طويل
ولكن عند تحديث الصفحة يتغير إلى شيء كهذا:
مع زر “الأحدث” فقط وزر صورة موضوع لإنشاء موضوع جديد (بدون زر “إنشاء موضوع جديد” الطويل)
لاحظ أن هذه ليست لقطات الشاشة الخاصة بي.
- لا يزال يحدث مع نسخة 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 العادي.
شكراً للجميع.