Inert synchronization issue

[DingoEatingFuzz]

📌 Summary

If merged this PR will fix two bugs related to the inert state of Hds::SideNav when the viewport changes sizes.

🛠️ Detailed description

Right now we toggle the inert state of certain elements when the menu is manually minimized or expanded. However, there are two other ways the menu can be minimized/expanded:

1. Via mobile/desktop breakpoint: If the menu is open and the viewport shrinks, the nav minimized and the inert attributes are not applied. Similarly, if the nav is mimized and the viewport expands, the inert attributes remain.
2. Via ESC when in mobile mode: If the menu is open while the viewport is mobile, the menu shrinks, but the inert attributes are not applied.

This is simple enough to test today in production:

1. Go to the HCP Portal or to HCP Terraform
2. Starting from a desktop viewport:
   1. Toggle the menu closed
   2. Shrink the viewport to mobile
   3. Expand the viewport back to desktop
3. Observe that the nav automatically expanded, but it is not interactive

📸 Screenshots

🔗 External links

Jira ticket: HDS-XXX
Figma file: [if it applies]

---

👀 Component checklist

• Percy was checked for any visual regression
• A changelog entry was added via Changesets if needed (see templates here)

💬 Please consider using conventional comments when reviewing this PR.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
hds-showcase	✅ Ready (Inspect)	Visit Preview	Sep 20, 2024 2:52pm
hds-website	✅ Ready (Inspect)	Visit Preview	Sep 20, 2024 2:52pm

[alex-ju]

Thanks a lot for contributing this fix! 🙌
It now works as expected; I left a few nit comments, but otherwise looking great and good to be merged

[DingoEatingFuzz]

Thanks for the review @alex-ju! I believe I addressed everything. Sorry about the lingering console.logs and very good to know about property/method/action ordering.

[alex-ju]

very good to know about property/method/action ordering.

to be fair, we're due to update our contribution guidelines, so I'll make sure to include such things

[Dhaulagiri]

🙇 thank you @DingoEatingFuzz!