Wiki structure breadcrumbs should be updated to use Bootstrap breadcrumb classes
- Status
- Pending
- Subject
- Wiki structure breadcrumbs should be updated to use Bootstrap breadcrumb classes
- Version
- 28.x
29.x
master - Category
- Bug
- Consistency
- Technical debt (dependencies, refactor, etc.)
- Feature
- UI / UX (User interface and experience)
- Resolution status
- Fix on the Way
- Submitted by
- Gary Cunningham-Lee
- Volunteered to solve
- Moïse Nturubika
- Lastmod by
- Ushindi Gedeon
- Rating
- Description
In recent Tiki versions, the breadcrumb ordered list has a "1." preceding it due to a recent commit related to ordered lists globally. I was looking into how to fix that (how to remove the "1."), when I noticed in my browser inspection tool that the breadcrumb ordered list is flagged as bad HTML because it contains content other than li elements - the item dividers. I checked the Bootstrap breadcrumbs doc page (https://getbootstrap.com/docs/5.3/components/breadcrumb/) and see how the dividers are added without breaking the ol / li structure (and also without displaying the "1.".
The breadcrumbs in Tiki would be improved by replacing the current Tiki HTML and CSS with the Bootstrap breadcrumb HTML and CSS.
I noticed this on a page in a wiki structure, which has the structure breadcrumb list at the top. I didn't check yet about other instances of breadcrumbs in Tiki.
Update: Checking again, it looks like the structure breadcrumb is already using the Bootstrap classes. One problem is that the item separators should be inserted using CSS (
.breadcrumb-item+.breadcrumb-item::beforeselector) rather than as they are now, where they become page content and disrupt theol listructure. Also, the global rule to add the "1." is overpowering thelist-style:noneproperty of the.breadcrumbclass, which needs to be fixed globally.Update 2 : I committed a change to prevent the breadcrumb ol from having a "1." appended. The only thing to fix now is to update how the dividers or separators are inserted in the breadcrumb. It should be done via CSS rather than adding text between li elements. This is flagged as incorrect HTML.
- Solution
- Workaround
- Importance
- 7
- Easy to solve?
- 5
- Priority
- 35
- Demonstrate Bug on Tiki 19+
-
This bug has been demonstrated on show2.tiki.org
Please demonstrate your bug on show2.tiki.org
Show.tiki.org is not configured properlyThe public/private keys configured to connect to show2.tiki.org were not accepted. Please make sure you are using RSA keys. Thanks.
- Demonstrate Bug (older Tiki versions)
-
This bug has been demonstrated on show.tikiwiki.org
Please demonstrate your bug on show.tikiwiki.org
Show.tiki.org is not configured properlyThe public/private keys configured to connect to show.tikiwiki.org were not accepted. Please make sure you are using RSA keys. Thanks.
- Ticket ID
- 8815
- Created
- Thursday 04 September, 2025 07:53:48 UTC
by Gary Cunningham-Lee - LastModif
- Thursday 30 April, 2026 13:34:46 UTC