Fix issue preventing expansion and collapse of nav list items with tooltips

[camertron]

What are you trying to accomplish?

NavList items with tooltips currently cannot be expanded or collapsed.

Screenshots

Here's a video showing that NavList sub items can be expanded and collapsed even when they have the truncate_text: :show_tooltip option set.

tooltip_nav_item.mov

Integration

No changes necessary in production.

Risk Assessment

• Low risk the change is small, highly observable, and easily rolled back.
• Medium risk changes that are isolated, reduced in scope or could impact few users. The change will not impact library availability.
• High risk changes are those that could impact customers and SLOs, low or no test coverage, low observability, or slow to rollback.

What approach did you choose and why?

Our JS code identifies the sub list via nextElementSibling, which may instead be the tooltip element. The solution is to move the tooltip element to a different part of the rendered output.

Accessibility

• No new axe scan violation - This change does not introduce any new axe scan violations.

Merge checklist

• Added/updated tests
• Added/updated documentation
• Added/updated previews (Lookbook)
• Tested in Chrome
• Tested in Firefox
• Tested in Safari
• Tested in Edge

[changeset-bot]

🦋 Changeset detected

Latest commit: e6adcdd

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@primer/view-components	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR