[Navigation.Section] Prevent rollup from collapsing when sub nav and on mobile

[tmlayton]

WHY are these changes introduced?

Fixes #1004

WHAT is this pull request doing?

Prevents the rollup from collapsing when an item clicked has sub nav and at the mobile breakpoint

Before	After

How to 🎩

🖥 Local development instructions
🗒 General tophatting guidelines
📄 Changelog guidelines

Copy-paste this code in playground/Playground.tsx:

import * as React from 'react';
import {Page, Navigation} from '../src';

interface State {}

export default class Playground extends React.Component<{}, State> {
  render() {
    return (
      <Page title="Playground">
        <Navigation location="/">
          <Navigation.Section
            rollup={{
              after: 1,
              view: 'view',
              hide: 'hide',
              activePath: '/',
            }}
            items={[
              {
                url: '/path/to/place',
                label: 'Home',
                icon: 'home',
              },
              {
                url: '/path/to/place',
                label: 'Orders',
                icon: 'orders',
                badge: '15',
              },
              {
                url: '/path/to/place',
                label: 'Products',
                icon: 'products',
                subNavigationItems: [
                  {
                    url: '/path/to/place',
                    label: 'Foo',
                  },
                  {
                    url: '/path/to/place',
                    label: 'Bar',
                  },
                  {
                    url: '/path/to/place',
                    label: 'Baz',
                  },
                ],
              },
            ]}
          />
        </Navigation>
      </Page>
    );
  }
}

🎩 checklist

• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility
• Updated the component's README.md with documentation changes
• Tophatted documentation changes in the style guide

[chloerice]

Hey Tim, thanks for working on this!! I just tophatted in web and it doesn't seem to have fixed the issue. I thought it might just be a caching issue on my phone so I started a new session in an incognito window and it's still the same. Can you try this branch in web and see if it works for you?

** Edit: Got more context from @lemonmade and tophatted with his branch in web and all is well ✅

[chloerice]

Tophatted these changes in https://github.com/Shopify/web/pull/11323 and it works 🎉