#235 ToC having non working links (missing js ? )
Closed 6 days ago by shaunm. Opened 6 days ago by arrfab.

When visiting https://www.stg.centos.org/sigs/ , I see that it generates a ToC, but expanding it has links that should point to relevant anchor in same page but actually links don't work ?


Source :

<ul id="page-toc" class="list-group">
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Alternative Images</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Artwork</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Automotive</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Cloud</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Docs</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Hyperscale</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Infrastructure</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Integration</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">ISA</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Kmods</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Messaging</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">NFV</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Operational Tooling</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Promo</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Software Collections</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Storage</a></li>
  <li class="list-unstyled"><a href="#" class="link-primary list-group-item list-group-item-light list-group-item-action border-top-0 border-end-0 border-bottom-0 border-2 border-primary-subtle rounded-0 my-1">Virtualization</a></li>
</ul>

Good catch. We're generating the sections with some Jekyll code. But I did it with HTML <h2> elements instead of Markdown ## headers. We need to either put id attrs in the HTML, or use the Markdown syntax and let Jekyll do it for us. I went with the latter.

https://git.centos.org/centos/centos.org/c/a4fb5381169e0486651252df584206210f2a8a74?branch=staging

Metadata Update from @shaunm:
- Issue status updated to: Closed (was: Open)

6 days ago

Log in to comment on this ticket.

Metadata