Breadcrumb Repeating Itself With VirtualNode True

Hello, we are running in an issue with Breadcrumb widget on 15.4.8622.

 

We set AllowVirtualNodes to true on a detail page for some of our dynamic content so that the bread crumb shows "Content / Content Title" rather than "Content / Content Details". However, instead it is repeating itself (see screenshot below).

 

We are using a custom breadcrumb view (code below as well) but I don't believe we made any changes to the actual C# parts, just some CSS styles.

 

Does anyone know what might be causing this or how to fix it? Thanks!

 

Screen show showing repeating breadcrumb 

  1. <div class="@Model.CssClass pils">
  2. <nav aria-label="@Html.Resource("BreadcrumbShowFullPath")">
  3. <ol class="breadcrumb">
  4. <li style="padding-right: var(--bs-breadcrumb-item-padding-x);gap:.5rem;"><a href="/oit-intranet"><img src="/sitefinity-images/oitintranetlibraries/icons/breadcrumbhome.svg" alt="White Home Icon" /></a><span>&#10095;</span></li>
  5. @for (int i = 0; i < Model.SiteMapNodes.Count; i++)
  6. {
  7. var node = Model.SiteMapNodes[i];
  8.  
  9. if (i == Model.SiteMapNodes.Count - 1 && Model.ShowCurrentPageInTheEnd)
  10. {
  11. <li class="breadcrumb-item" aria-current="page">@node.Title</li>
  12. }
  13. else
  14. {
  15. if (!string.IsNullOrEmpty(node.Url))
  16. {
  17. <li class="breadcrumb-item"><a href="@node.Url">@node.Title</a></li>
  18. }
  19. else
  20. {
  21. <li class="breadcrumb-item">@node.Title</li>
  22. }
  23. }
  24. }
  25. </ol>
  26. </nav>
  27. </div>