Keep grandchild menu flyouts inside the viewable area

[frankiejarrett]

If you have a really long Primary Menu with the last item containing children and grandchildren, it's possible for the grandchild flyout menu to be cutoff and overflow outside of the viewable area.

We should add logic to navigation.js to ensure the flyout will appear on the opposite side when it's too close to the browser window's edge.

[tobeycodes]

When I was developing Ascension I rewrote Navigation.js with jQuery and solved this problem in the child theme only but I have just removed the navigation.js in Ascension since we recently rewrote it in Primer that solved the original problems. It's one less file to manage in the child theme but it means this problem is back in Ascension until we fix it in Primer for all child themes.

We can at least use it as inspiration to solve the problem here
https://github.com/LiftUX/ascension-theme/blob/develop/assets/js/navigation.js

[frankiejarrett]

Here is a permalink to the script mentioned above: https://github.com/godaddy/wp-ascension-theme/blob/0937969925e22883635e06e8edc9db6006e29f92/assets/js/navigation.js#L21-L39