Nested index links all appear on the same level

[tessereth]

What I did

Trying to create a table of contents from a page with nested heading levels, I generated the following markup:

  <nav class="index-links">
    <ul>
      <li>
        <a href="#fruit">Fruit</a>
        <ul>
          <li>
            <a href="#apples">Apples</a>
          </li>
          <li>
            <a href="#oranges">Oranges</a>
          </li>
        </ul>
      </li>
      <li>
        <a href="#animals">Animals</a>
        <ul>
          <li>
            <a href="#dogs">Dogs</a>
          </li>
          <li>
            <a href="#cats">Cats</a>
          </li>
        </ul>
      </li>
    </ul>
  </nav>

What browser and device I was using

Chrome desktop

What I expected to see

I expected to see the sublists appropriately indented

What I saw

[TrebBrennan]

@tessereth Like this example? https://en.wikipedia.org/wiki/Bridges_of_York

[tessereth]

Something like that would be great

[klepas]

I’ve added this to Jira, under DESIGN-202.

[hannah-ustwo]

[STATUS UPDATE] Going to be deprioritizing this, as it is not a feature needed for Aug 30th's private beta

[klepas]

Update: guidance from Donna is that these ToC/Index links/Contents links feature should only list one tier of items on the page, but there will be instances where we need to provide a full ToC.

I’ve close this as a bug, and I’ve created a new Jira tix/story for a more elaborate ToC (DESIGN-459).

[klepas]

Actually, re-opening and marking as not a bug. Soz.