491: TOC sticky in mobile view

[rjwtrmn]

Make TOC sticky for mobile. Added additional event handling to close menu on click outside/esc/focus out

Fix #491

Test URLs: Content Hub: Before: https://main--hlx-test--urfuwo.hlx.live/draft/rjwtrmn/the-article-copy After: https://491-sticky-toc-mobile--hlx-test--urfuwo.hlx.live/draft/rjwtrmn/the-article-copy

[aem-code-sync[bot]]

Hello, I'm the AEM Code Sync Bot and I will run some actions to deploy your branch and validate page speed. In case there are problems, just click a checkbox below to rerun the respective action.

• [ ] Re-run PSI checks
• [ ] Re-sync branch

Commits

* [b3d5e89](https://github.com/urfuwo/hlx-test/commit/b3d5e895432ab96928d86c7b0d608279c711251e) :white_check_mark: (latest)

[aem-code-sync[bot]]

Page	Scores	Audits	Google
/draft/rjwtrmn/the-article-copy

[saurabh-khare]

This looks counterintuitive. We hide the heading itself when we go to it via TOC. May be it should scroll to the heading after the TOC like

But let me put that to Elaine. It obstructs the view of the page.